2017-09-19 11 views
5

मैं कोड के साथ एक का चयन करें सूची है -Angular4 - विकल्प का चयन करें मान सेट कैसे गतिशील

<select (change)='onGroupChange($event)'> 
    <option *ngFor="let group of groups" value={{group.group_name}}> 
     {{group.group_name}} 
    </option> 
</select> 

अब मैं एक अलग चर के रूप में सहेजा एक समूह का नाम मूल्य है और मैं स्थापित करने के लिए है कि चयन सूची के रूप में चाहते हैं मूल्य अगर यह किसी से मेल खाता है।

उत्तर

1
<select (change)='onGroupChange($event)'> 
    <option *ngFor="let group of groups" value={{group.group_name}} [selected]="group.group_name==myVariable"> 
     {{group.group_name}} 
    </option> 
</select> 
1
<select [(ngModel)]="selectedGroup" (ngModelChange)="onGroupChange($event)"> 
    <option *ngFor="let group of groups" [value]="group.group_name"> 
    {{group.group_name}} 
    </option> 
</select> 
+0

इस काम करता है। लेकिन एकमात्र मुद्दा यह है कि यदि यह किसी भी मूल्य से मेल नहीं खाता है, तो यह डिफ़ॉल्ट रूप से पहला मान नहीं चुनता है। @ माइकल द्वारा दिए गए उत्तर उस परिदृश्य का ख्याल रखते हैं। –

+0

समझ गया। आपकी टिप्पणी के लिए धन्यवाद ~ :-) –

संबंधित मुद्दे