Angular ngModelChange不更新输入';s值
我有一个表单,它使用Angular ngModelChange不更新输入';s值,angular,Angular,我有一个表单,它使用*ngFor在数组上循环,为每个项目创建一个输入字段 此数组以1项开始,但当在其中一个输入字段中输入一个数字时,将根据此数字向数组中添加更多项 输入数字时,我使用(ngModelChange)将新项目推送到数组中 <form #testForm="ngForm" (submit)="submit()"> <div *ngFor="let test of tests"> <label for="testProp">Te
*ngFor
在数组上循环,为每个项目创建一个输入字段
此数组以1项开始,但当在其中一个输入字段中输入一个数字时,将根据此数字向数组中添加更多项
输入数字时,我使用(ngModelChange)
将新项目推送到数组中
<form #testForm="ngForm" (submit)="submit()">
<div *ngFor="let test of tests">
<label for="testProp">Test Property</label>
<input type="number" [(ngModel)]="test.testProp" (ngModelChange)="inputChange($event)" name="testProp"/>
<b>Value: {{test.testProp}}</b>
</div>
</form>
测试特性
值:{test.testProp}
输入更改功能
inputChange(number: any, index: any) {
for(var i = 0; i < number; i++) {
console.log(i);
this.tests.push({});
}
}
inputChange(编号:任意,索引:任意){
对于(变量i=0;i
当前行为
绑定项的值时,它是存在的,但由于某些原因,输入的值为空
预期行为
输入的值不能为空
使用指令对问题进行最小复制
- 角度版本:2.4.5
- 浏览器:全部
- 语言:TypeScript 2.0.2
名称
属性。将索引添加到名称中,如name=“testProp-{{i}}”
我在角度报告中创建了一个问题:尝试删除括号[ngModel]=“test.testProp”