ngModel 不与值一起使用

Question

>我有这个更新用户配置文件页面，加载时将显示已经存在的customer_name，并且可以由客户更新。如果我删除 ngModel，则会显示该值，但是当我添加 ngModel 时，它不起作用。

这是我的代码。谁能说出我的错误是什么。

   <form [formGroup]="form" (ngSubmit)="saveEntry()">
        <ion-list *ngFor="let user of foundUser">
            <ion-item>
                <ion-label floating>Name</ion-label>
                <ion-input type="text" name="customer_name" formControlName="customer_name" value="{{user.name.last}}" [(ngModel)]="data.customer_name"></ion-input>
            </ion-item>
        </ion-list>
    </form>

Answer 1

使用 ngModel 时不需要值

<ion-input type="text" name="customer_name" formControlName="customer_name" [(ngModel)]="data.customer_name"></ion-input>

Answer 2

因为你没有在 init 上为data.customer_name对象分配值。如果您想使用 data.customer_name 作为 user.name.last 的值，请尝试以下方式

<ion-input type="text" name="customer_name" formControlName="customer_name" 
 value="{{data.customer_name = user.name.last}}" [(ngModel)]
 ="data.customer_name"></ion-input>

我不知道你为什么用data.customer_name而不是user.name.last.因为如果你想要双向数据绑定，你可以直接在ng-model中使用user.name.last，而无需使用value和新对象作为data.customer_name