Question

我不太清楚我在循环选择数组时填充选择列表时遇到的错误。

这是我得到的错误

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>

Answer 1

Prerak Tiwari的回答是正确的。

这里只是一个小提示：我看到你将你的离子选择绑定到＆＃34;选项列表＆＃34;但这只是您想要显示的选项列表，需要创建所有离子选项。

你应该将ion-select绑定到一个新参数，因为它将保留所选的离子选项。

Answer 2

如果使用ngForm，则所有输入字段都有[（ngModel）] =＆＃34;＆＃34;必须具有带值的属性名称。

Ionic2 - 错误 - 如果在表单标记中使用了ngModel，则必须设置name属性或者必须将表单控件定义为“standalone”

2 个答案: