Create a new tab

[Sumair Ahmed]

Trying to create a new tab.  I have a tab.component with methods of create tab, that i got from the forums.  Trying to call from another component, but it's complaining about the ComponentFactoryResolver.  Very new to Angular 2.

Any advice?

export class TabComponent {

    

constructor(private resolver: ComponentFactoryResolver) {}

public createNewTab(componentModulePath, tabName, componentInputs) { //rest of code}

}

export class AppComponent {

constructor() {

let TabComponent: test = new TabComponent(); //Can't initialise here, Complains TabControl signature does not match

}

}

[Gopi Govindasamy]

Hi Sumair,  

We have achieved your requirement for createNewTab called another component in sample page. We have attached code snippet and sample below link.  

Code snippet:  

export class HomeComponent { 

  // tab containers   

  @ViewChild('myTabPanel') gpTabPanel: EJComponents<ej.Tab, any>; 

 

  constructor(private resolver: ComponentFactoryResolver) { 

    this.hiddenTabs = Array<number>(); 

    let a =new TabDataComponent();  

    console.log(a.tab);    // return hello 

  } 

 

  tempTestCounter = 0; 

  onCustomButtonClick(args) { 

    this.tempTestCounter++; 

    this.createNewTab('homeComponent' + this.tempTestCounter, 'test' + this.tempTestCounter, {}); 

  } 

 

 

export class TabDataComponent { 

  public tab:string; 

  constructor() {  

    this.tab = 'hello'; 

 

  } 

} 

Sample link:  http://www.syncfusion.com/downloads/support/forum/130601/ze/tabcreatenewng2364855832.zip  

Regards, 

Gopi G.