這裏有角新手。 因此,我一直在嘗試過去幾個小時來實現動態創建選項卡的功能。我去了使用材料設計,但我仍然無法實現這一點,無法確定我犯的錯誤。Angular2材質設計動態標籤
當按下添加選項卡按鈕時,什麼也沒有發生。 此外,添加或刪除ngOnInit中的選項卡不會執行任何操作。 很顯然,我錯過了一些東西...... 請幫忙嗎?
tabs.ts
import {Component, OnInit} from '@angular/core';
import {Tab} from "./tab";
@Component({
selector: 'tabs',
template: `<md-tab-group> <md-tab ng-repeat="tab in tabs"
label=TEST>
</md-tab>
</md-tab-group>
<button (click)="addTab()">Add new tab</button>`,
})
export class Tabs implements OnInit {
tabs: Tab[] = [];
ngOnInit(): void {
}
addTab() {
var tab = new Tab();
this.tabs.push(tab)
}
}
tab.ts
import {Component} from '@angular/core';
@Component({
selector: 'tab',
template: `<products></products>`,
})
export class Tab {
}
app.ts
import {Component} from '@angular/core';
@Component({
selector: 'my-app',
template: `<tabs></tabs>`,
})
export class AppComponent {
}
感謝您的單挑。我確實遇到過,現在已經修好了。對於systemjs配置有一些問題,但現在在這一方面都很好。 –
很高興幫助。快樂編碼.... –