Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 双向数据绑定输入字段最初在填充输入字段时复制值_Angular_Loops_Data Binding_Ngfor_2 Way Object Databinding - Fatal编程技术网

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;