Jquery angularjs如何分别更改两个不同的附加值

我在双向绑定中遇到问题，我想更改显示的字段选项中的每个附加值名称，当我尝试附加两个字段时，我无法更改显示的单个字段中的每个多个字段，如何将这些附加id捕获到模型中？如何更改每个字段名？我想添加两个人的姓名和电子邮件id。。但当我试图更改这两个名称时，同时更改两个字段的名称。。请帮我解决这个问题

你可以在这里看到

var-app=angular.module（'myapp'，['ngSanitize']）；
app.controller（'AddCtrl'，函数（$scope，$compile）{
$scope.field={name:'我的名字'，电子邮件：'abc@gmail.com'};
$scope.add_NameField=函数（索引）{
var namehtml='-//单击此处//'；
变量名称=$compile（namehtml）（$scope）；
元素（document.getElementById（'drop'））.append（name）；
};
$scope.removeName=函数（索引）{
var myEl=angular.element（document.querySelector（“#name_字段”）；
myEl.remove（）；
};
$scope.selectName=函数（索引）{
$scope.showName_Fieldsettings=true；
};
$scope.add_EmailField=函数（索引）{
var emailhtml='//单击此处//-//单击此处//'；
var email=$compile（emailhtml）（$scope）；
元素（document.getElementById（'drop'））.append（email）；
};
$scope.removeMail=函数（索引）{
var myEl=angular.element（document.querySelector（“#email_字段”）；
myEl.remove（）；
};
$scope.selectEmail=函数（索引）{
$scope.showmail_Fieldsettings=true；
};
});

再次添加名称
再次添加电子邮件
字段标签（？）


字段标签（？）


您有一个包含两个字段的表单，现在当您添加多个字段时，更改一个字段值也会更改另一个字段值，因为
模型与
相同

<div ng-app>
  <div ng-controller="FormCtrl">
    <div ng-repeat="item in items">
        <input type="text" name="field_name[$index]" placeholder="name" ng-model="item.name">
        <input type="text" name="field_email[$index]" placeholder="email" ng-model="item.email">
      </div>
      <button ng-click="add()">New Item</button>
  </div>
</div>

下面是一把简单的小提琴：
干得好@thalaivar。。但是我想用append方法一个接一个地修改。。我已经尝试使用ng repeat和push events，我必须添加不同类型的字段，如年龄、姓名、电子邮件、url。。在添加和给定名称后，我必须将其拖到所需的位置。。你能帮我再试一次吗。。。thnx提前…@VijjuSena:事实上我不明白，你想加一。。。然后必须单独更改意味着？？？您使用ng repeat在html中指定了字段，但我想使用append方法动态添加所有字段。@VijjuSena:这与我在jsbin中看到的是动态的。。。单击“添加”按钮，您将生成新的姓名/电子邮件字段Yes。。但我们不能通过append方法添加和更改字段名吗？
function FormCtrl($scope) {
  $scope.items = [];

  $scope.add = function () {
     $scope.items.push({ 
       name: "",
       email: ""
     });
  }; 
}