将 [(ngModel)] 绑定到未定义的值

Question

我有以下 [(ngModel)] 导致错误，因为我没有从后端获取任何值，

   <input type="number" 
          [(ngModel)]="list.test[0]">

在上面的示例中，我没有从后端获取测试数组的任何值，导致错误提示无法读取属性 0 of undefined.

我试过了[(ngModel)]="list?.test[0]"，但也没用。

Answer 1

ngModel 的 angular 双向绑定不支持安全导航运算符 ?。

还有一个开放的功能请求： https://github.com/angular/angular/issues/7697

您可以使用此解决方法： [(ngModel)]="list.test && list.test[0]"

所以对于 3 个输入，您的代码应该如下所示：

<form>
<input type="number" name="item1" [(ngModel)]="list.test && list.test[0]">
<input type="number" name="item2" [(ngModel)]="list.test && list.test[1]">
<input type="number" name="item3" [(ngModel)]="list.test && list.test[2]">
</form>

为每个输入赋予一个单独的名称属性很重要。

Answer 2

请从您的代码中展示更多内容！你的阵列看起来怎么样？

<input type="text" name="input" ng-model="list.test" required ng-trim="false">

您的输入是否在表单标签内？

将 [(ngModel)] 绑定到未定义的值

binding [(ngModel)] to undefined value

binding

typescript

ngmodel

angular