プログラムでタブを作成

Question

私はhereのように材料タブを使用しています。私はプログラム的に新しいタブを作成（そしてそれに焦点を当てる）する方法を見つけようとしています。もう必要がなくなったらタブを削除したいと思います。ウェブを掘ることで、私はいくつかの関数呼び出しを推測し始めました。

export class VehiclesComponent { 

    @ViewChild(MdTabsModule) tabs: MdTabsModule; 

    constructor (private router: Router, private parentComponent: AdminComponent, private userService: VehicleService) {} 

    ngOnInit() { 
    /* code presented here for demonstration purposes */ 
    this.tabs.push({label: "Some new tab", content: '<b>New tab content</b>'}); 
    } 
} 

もちろんこのコードは完全に作成されており、動作しません。少なくとも今、私はMdTabsModuleにpushというメソッドがないことを知っています。残念ながら、ドキュメントは非常に怖いです。 TypeScript経由でのタブの作成は、リモートでも言及されていません。ソースコードを確認しても、そのような機能は明らかにされませんでした。

Answer 1

簡単にする必要があります。 component.htmlに*ngForを使用できます。

class MyTabs { 
    Label: string; 
    Contents: string; 
} 

は、例えば、コンポーネントクラスで、このクラスの午前配列を作成します。

は、オブジェクトのMyTabsを考えてみましょう

myTabs: MyTabs []; 

次にcomponent.htmlで、myTabsを繰り返して動的タブを作成します。

ここをご覧ください：https://github.com/angular/material2/blob/master/src/demo-app/tabs/tabs-demo.html