(कोणीय 2) किसी अन्य ड्रॉपडाउन चयन के आधार पर ड्रॉपडाउन को कैसे पॉप्युलेट करें

आप node . का उपयोग कर रहे हैं दूसरे ngFor . में चर इसके दायरे से बाहर। यह चर केवल उस तत्व (और इसकी विशेषताओं) के अंदर मौजूद है जो ngFor . है पर कार्य कर रहा है।

आप शायद जो करना चाहते हैं वह पहले चयन के चयनित मूल्य में परिवर्तन की प्रतीक्षा कर रहा है, अपने नियंत्रक में कुछ चर अपडेट करें, जिसके बाद दूसरा 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>