2017-02-16 17 views
0

我不確定要了解我在循環播放時遇到的錯誤一組選項來填充我的選擇列表。Ionic2 - 錯誤 - 如果在表單標籤中使用ngModel,必須設置name屬性或者必須將表單控件定義爲'standalone'

以下是錯誤我得到

Error in ./PhonePage class PhonePage - caused by: 
If ngModel is used within a form tag, either the name attribute must be set or the 
form control must be defined as 'standalone' in ngModelOptions. 
Example 1: <input [(ngModel)]="person.firstName" name="first"> 
Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> 

這裏是我的html代碼

<form> 
    <h2>Quel est votre numéro de téléphone?</h2> 
    <ion-list> 
     <ion-grid> 
      <ion-row> 
       <ion-col width-33> 
        <ion-item> 
         <ion-select [(ngModel)]="optionList"> 
          <ion-option *ngFor="let item of optionList" value="{{item.text}}">{{item.text}}</ion-option> 
         </ion-select> 
        </ion-item> 
       </ion-col> 
       <ion-col> 
        <ion-item> 
         <ion-input type="text"></ion-input> 
        </ion-item> 
       </ion-col> 
      </ion-row> 
     </ion-grid> 
    </ion-list> 
</form> 

回答

1

如果ngForm時,所有的輸入字段具有[(ngModel)] = 「」 必須有一個帶有值的屬性名稱。

2

Prera​​k Tiwari的回答是正確的。

這裏只是一個小提示:我看到你將你的離子選擇綁定到「optionList」,但這只是你想要顯示的選項列表,並且需要創建所有離子選項。

您應該將離子選擇結合到一個新參數,因爲後面會保存選定的離子選項。

+1

是的你是對的。我認爲她搞砸了代碼以解決發佈的問題。她在前面的問題中使用了正確的標識符。很好的接收。 –

相關問題