（Angular 2）別のドロップダウン選択に基づいてドロップダウンにデータを入力する方法

nodeを使用しています 2番目のngForの変数 その範囲外。この変数は、ngForが持つ要素（およびその属性）内にのみ存在します に作用しています。

おそらくあなたがしたいのは、最初の選択の選択された値への変更を待ち、コントローラーのいくつかの変数を更新することです。これにより、2番目のngForが発生します。 更新します。これは、ngModelChangeを使用して実行できます。 ：

<div class="row">
<div class="col-md-12">
    <label>Choose a room</label>
    <select [(ngModel)]="nodes" (ngModelChange)="selectedNode=$event.target.value">
        <option *ngFor="let node of nodes"[ngValue]="node">{{node.name}}</option>
    </select>

    <br/><br/>
    <label>Choose an item</label>
    <div *ngFor="let module of selectedNode.modules">
        <select [(ngModel)]="channels">
            <option *ngFor="let channel of module.channels">
              {{channel.name}}
             </option>
        </select>
    </div>
</div>