Angular2 select-option下拉列表在HTML頁面加載時動態加載

Question

我有一個HTML頁面，我在其中使用2 select-option下拉列表，我想根據第一個下拉列表中的選擇來填充第二個下拉列表。

其實有2個下拉菜單，我在第一次下載頁面的第一個下拉菜單中有一些值，這是根據API結果選擇的，現在我想根據列表中選擇的內容將列表綁定到第二個下拉列表首先下拉。

誰能幫我在Angular 2 HTML select-option中做到這一點

<td>
    <div>
        <select #selectedHeading (change)="headingChanged($event.target.selectedIndex)" [disabled]='butDisabled'>
            <option *ngFor="let heading of headings" [value]="heading.val" [ngValue]="accountitem" [selected]="accountitem.heading === heading.val" >
               {{heading.val}}
            </option>
        </select>
    </div>
</td>
<td>{{accountitem.rules}}</td>
<td>
    <select #selectedSubHeading [disabled]='butDisabled'>
        <option *ngFor="let subHeading of subHeadings" [value]="subHeading.val">{{subHeading.val}}</option>
    </select>
</td>

Answer 1

將此變量更改為ngOnInit（）中的count ++，我們將在此方法中簽入。

count:number=0;
    headingChanged(receivePraam){
    if(count){
this.butDisabled=true;
    }
    else{
this.butDisabled=false;
}
    //and here set dropdown2 value.
    }