Question

我需要在所有输入字段中填充相同的值，这些字段是在ng-repeat的帮助下动态生成的。我现在面临的问题是我能够使用ng-model显示从输入字段到标签字段的值，但我希望在另一个输入字段中显示相同的值。请检查下面的小提琴。一个输入字段中的文本更改应反映在所有其他输入字段中。 JsFiddle

<div ng-repeat="n in [42, 42, 43, 43]">
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
  <input type="text" ng-model="yourName"  placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>

请帮我解决这个问题。

Answer 1

每次重复都有自己的范围。如果您使用的模型名称中没有.，那么它就会选择重复范围，而不是它自己。

试试这个

<div ng-app ng-init="myOne={}">
  <div ng-repeat="n in [42, 42, 43, 43]" >
    <label>Name:</label>
    <input type="text" ng-model="myOne.name" placeholder="Enter a name here">
      <input type="text" ng-model="myOne.name"  placeholder="Enter a name here">
    <hr>
    <h1>Hello {{yourName}}!</h1>
  </div>
</div>

的 JSFIDDLE

当我们使用ng-repeat动态生成输入值时，需要在所有字段中填充相同的值

1 个答案: