Angular 双向数据绑定输入字段最初在填充输入字段时复制值
我试图让用户能够重命名一个字段,并在整个应用程序中填充数据。我有以下代码:Angular 双向数据绑定输入字段最初在填充输入字段时复制值,angular,loops,data-binding,ngfor,2-way-object-databinding,Angular,Loops,Data Binding,Ngfor,2 Way Object Databinding,我试图让用户能够重命名一个字段,并在整个应用程序中填充数据。我有以下代码: <label>Constraint titles: </label> <li *ngFor="let slider of twodsliders"> <input [(ngModel)]="slider.name" name="consname" type="text" size="30" placeholder="Max Frogs"><br> </
<label>Constraint titles: </label>
<li *ngFor="let slider of twodsliders">
<input [(ngModel)]="slider.name" name="consname" type="text" size="30" placeholder="Max Frogs"><br>
</li>
在应用程序组件中:
twodsliders = TWODSLIDERS;
虽然数据绑定到正确的值,因此更改第一个输入值会更改第一个模型上的值,更改第二个模型上的值会更改第二个模型上的值,等等,但在首次填充数据时会出现问题。也就是说,输入框最初都包含值“可接受的投掷距离”。这里出了什么问题?在我发帖时回答了我的问题,但出于信息目的还是发帖了。解决方案是向输入元素添加
name=“{{slider.name}}”
。然后,它会立即填充正确的版本
但是,这会导致额外的意外行为(删除输入字段中的所有数据会导致错误),因此我完全删除了name字段,而是添加了[ngModelOptions]=“{standalone:true}”
。应用程序现在似乎正在按预期工作
twodsliders = TWODSLIDERS;