Angular2選択オプションドロップダウンHTMLページの動的読み込み

Question

私は2つの選択オプションドロップダウンを使用しているHTMLページを持っています。最初のドロップで選択されたものに基づいて2番目のドロップダウンを埋めたい-ダウン。

実際には2つのドロップダウンがあります。最初のドロップダウンでいくつかの値があり、API結果に応じて最初に選択されたページが最初にロードされました。今度はリストを2番目のドロップダウンにバインドします最初のドロップダウンで選択されているもの。

は、誰もがカウントする++ ngOnInitに（）角度2 HTMLを選択し、オプション

<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

変更でこの変数をそれを行うに私を助けることができると私たちは、このメソッド内でチェックします。

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