Hi,
I have the following structure:
TabComponent
Navbar
Dashboard
I have a tabComponent with a singleton service that stores the tabs and is
injected into tabComponent.
My problem is if i click a new button on the navbar, i want to create a new
tab in my TabComponent.
I cannot get the viewContainerRef of the tabComponent from the navbar. How
can i do this?
*TabComponent*
<ej-tab #mainTabControl id="mainTabControl" [showCloseButton]="true" (
beforeActive)="onBeforeTabItemActive($event)">
<ul><li></li></ul>
<div id="tabContent0"><div #tabContent0></div></div>
</ej-tab>
*ribbonComponent*
export class RibbonComponent {
@ViewChild('mainTabControl', {read: ViewContainerRef}) tab;
constructor(private router: Router, private componentFactory:
ComponentFactoryResolver,
private viewContainerRef: ViewContainerRef) {}
handleRibbonEvent(args) {
switch(args.target.id) {
case 'Default_new_business':
let factory = this.componentFactory.resolveComponentFactory(TabComponent);
this.viewContainerRef = this.tab.createComponent(factory);
//ref.instance.createNewTab('dashboard','Dashboard', {});
break;
default:
break;
}
}
}
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
