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

因为您没有在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

Answer 2

使用ngModel时不需要值

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

ngModel不兼容值

2 个答案: