angularjs - 输入中的 Angular 值绑定(bind)到模型变量

Question

我需要帮助来发现我的代码中的问题。 Angular.js 为我绑定(bind)了输入 values 和 ng-model，这不是我想要的。我有一个带有 ng-include 的 Angular 中继器，如下所示:

<div ng-repeat='item in items'>
  <label>{{item.number}}</label>
  <div ng-include='item.template'></div>
</div>

包含的项目模板是一个简单的输入字段，基于 item.template。对我来说，有问题的标签是 <textarea> 和 <input>。

我包括这个:

<input type="text" ng-model="item.number" />

项目看起来像:

{
  number: 1
  , template: 'text'
  , text: 'Some text'
  , value: 'Some value'
}

所以当上面的东西呈现时，我得到了

<input type="text" ng-model="item.number" class="ng-scope ng-pristine ng-valid">

但问题是，在我的输入字段中，我将项目编号作为值，如果我更改该值，我的标签也会更改。即使我输入 value="" 或 placeholder="blah"，我仍然会遇到这种行为。

我还没有走到那一步，但我想模型也用数字更新了。

我做错了什么？

Answer 1

当使用 ng-model 时，Angular 在模型和输入元素之间创建了两种方式的绑定(bind)。对模型的任何更改都会更新输入元素(所有绑定(bind)的默认行为)，而对 UI 输入元素所做的任何更改都会更新模型。

要摆脱这种行为你可以

<input type="text" value='{{item.number}}' class="ng-scope ng-pristine ng-valid">