easyui打开新的选项卡_EasyUI 动态选项卡内容(Dynamic Tab Content)_Angular Easyui Demo

import { Component } from '@angular/core';

import { Dy1Component } from './dy1.component';

import { Dy2Component } from './dy2.component';

@Component({

selector: 'app-root',

template: `

Dynamic Tab Content

AddDataGrid

AddNewTab

[selectedIndex]="selectedIndex"

(tabClose)="onTabClose($event)"

(tabSelect)="selectedIndex=tt.getPanelIndex($event)">

The home tab.

`

})

export class AppComponent {

selectedIndex = 0;

tabs = [];

onTabClose(panel){

this.tabs = this.tabs.filter(p => p.title != panel.title);

}

getTabIndex(title){

for(let i=0; i

if (this.tabs[i].title == title){