Angular2 Select-Option下拉下拉动态加载在HTML页面上加载

Question

我有一个HTML页面，其中我使用的是2个选择 - 选项下拉我想根据第一个下拉菜单中选择的内容填充第二个下拉菜单。

实际上有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.
    }