從頁面加載角度4選擇選項自動填充，不適用於ngModel

我有更新/編輯功能頁面，其中頁面加載/填充數據庫中的現有值，以便用戶可以更改和更新提交。從頁面加載角度4選擇選項自動填充，不適用於ngModel

除了<select>下拉列表，我把[(ngModel)] =""放在select標籤中，但是如果我刪除了ngModel，那麼它會正確填充值。

但我需要綁定選定的值，所以ngModel進入失敗的地方。下面是我的代碼

普拉克網址 - https://plnkr.co/edit/HqCOOE4fg3nmwssOXIz3?p=preview

<select [(ngModel)]="selectedItem" name="kannelSettingsId" class="form-control"> 
    <option *ngFor="let item of kannelList;let index=index; trackBy:trackByIdx()" [value]="item.kannelSettingsId" [selected]="item.kannelSettingsId === bind.kannelSettings.kannelSettingsId"> 
     {{item.server}} 
    </option>    
</select>

來源

2017-05-30 Yogesh Jadhav

那麼，你需要將初始值設定爲將selectedItem（價值你想預先選擇），否則當然''selectedItem'不能從數組中找到。在這種情況下ngModel覆蓋'[selected]' – Alex

我看到你添加了plunker。你甚至嘗試了我的建議嗎？ – Alex

@ AJT-82，是的，我試過了太連我試圖與虛值，但沒有成功。

但現在它的工作 - 通過添加＃bindForm = 「ngForm」 &＃kannelSettingsId = 「ngModel」

<form class="form-horizontal" #bindForm="ngForm"> 
 
    <select required minlength="1" #kannelSettingsId="ngModel" 
 
      [(ngModel)]="bind.kannelSettings.kannelSettingsId" 
 
       name="updateKannelSettingsId" class="form-control"> 
 
     <option *ngFor="let item of kannelList;" 
 
     [value]="item.kannelSettingsId" 
 
     [selected]="item.kannelSettingsId === bind.kannelSettings.kannelSettingsId"> 
 
     
 
     {{item.server}} 
 
     
 
     </option>    
 
    </select> 
 
</form>

來源

2017-06-04 23:24:19

從頁面加載角度4選擇選項自動填充，不適用於ngModel

回答

相關問題