Question

这是我的小提琴。 http://jsfiddle.net/0c5p38dt/1/

在上面的小提琴中使用文本字段中的ng-model并添加保存按钮

<input type="text" ng-model="eachItem.value"/>
<input type="button" value="save" ng-click="save()"/>

我在js文件中编写代码： -

$scope.save=function(){
   console.log($scope.data);
};

在上面的代码中，首先我在第一个文本字段（名称）中输入数据时单击“添加”按钮，这也将影响第二个文本字段（名称）。我想保存数据。那么如何区分这些文本框。

Answer 1

你应该使用＆＃39;名称＆＃39;输入字段中的属性为angular

$index 在ng-repeat。

你小提琴中的

：

<div ng-app>
  <div ng-controller="Ctrl">
    <div ng-repeat="eachItem in data">
      <input type="button" value="add" ng-click="addFields(eachItem)"/>
      <label>{{eachItem.label}}</label>
      <input type="text" name="eachItem.label[$index]" />
  </div>
  </div>
</div>

结果如下：

<input type="text" name="email[1]"> 
<input type="text" name="email[2]"> 
<input type="text" name="email[3]"> 
<input type="text" name="name[1]"> 
<input type="text" name="name[2]">

Answer 2

我不完全确定你想要什么，但我不认为你想要{-1}}进行重复，也许你想要的是<input>：

.html

和您的<div ng-app> <div ng-controller="Ctrl"> <label>Name</label> <input type="text"ng-model="item.name"/> <label>Email</label> <input type="text"ng-model="item.email"/> <input type="button" value="add" ng-click="addFields(item)"/> <div ng-repeat="item in data"> <div ng-bind="item.name"></div> <div ng-bind="item.email"></div> </div> </div> </div>：

.js

这将为您提供一次输入，然后跟踪（并显示）来自输入的数据

如何使用AngularJs在ng-repeat中使用一个模型？

2 个答案: