Javascript 如何访问angularjs中动态创建的字段？

当用户在文本字段中输入的文本通过验证时，我想生成一个新的文本框。现在，当新文本框的文本有效时，应生成另一个文本框

问题是我无法执行此操作，因为创建的名称的类型为“email1”“email2”“email3”。我无法访问这些动态生成的字段

JS代码段：

var master = {
    name: 'John Smith',
    address: {
        line1: '123 Main St.',
        city: 'Anytown',
        state: 'AA',
        zip: '12345'
    },
    contacts: [{
        type: 'phone',
        value: 'This is a value',
        validationtype: 'number'
    }]
};

$scope.addContact = function(contact) {
    var valueOfContact = $scope.form.contacts.value;
    console.log(valueOfContact);
    if ($scope.myForm.email.$valid == true) {
        tbCounter++;
        $scope.form.contacts.push({
            type: 'email',
            value: '',
            name: 'email' + tbCounter,
            id: 'email' + tbCounter
        });
        console.log($scope.form.contacts.indexOf(contact), $scope.form.contacts.length);
    }
};

在If子句中，我希望能够访问email1、email2等等

HTML代码段：

<div ng-repeat="contact in form.contacts">
  <label>{{ contact.type }}</label>
  <input name ="{{ contact.name }}" type="{{ contact.type }}" ng-model="contact.value" ng-change=addContact(contact) required/>
  <span class="error" ng-show="myForm.email.$error.required">required</span>
  <span class="error" ng-show="myForm.email.$error.email">invalid email</span>
</div>

{{contact.type}
必修的
无效电子邮件

---

谢谢。

尝试通过

$index

在

ng repeat

中访问这些元素：

<div ng-repeat="contact in form.contacts">

      <label>{{ form.contacts[$index].type }}</label>
      <input name="form.contacts[$index].name" type="form.contacts[$index].type" ng-model="form.contacts[$index].value" ng-change="addContact(contact)" required />

</div>

{form.contacts[$index].type}

---

看看plunk，你会明白的。

尝试通过

$index

在

ng repeat

中访问这些元素：

<div ng-repeat="contact in form.contacts">

      <label>{{ form.contacts[$index].type }}</label>
      <input name="form.contacts[$index].name" type="form.contacts[$index].type" ng-model="form.contacts[$index].value" ng-change="addContact(contact)" required />

</div>

{form.contacts[$index].type}

---

看看plunk，你会明白的。

尝试通过

$index

在

ng repeat

中访问这些元素：

<div ng-repeat="contact in form.contacts">

      <label>{{ form.contacts[$index].type }}</label>
      <input name="form.contacts[$index].name" type="form.contacts[$index].type" ng-model="form.contacts[$index].value" ng-change="addContact(contact)" required />

</div>

{form.contacts[$index].type}

---

看看plunk，你会明白的。

尝试通过

$index

在

ng repeat

中访问这些元素：

<div ng-repeat="contact in form.contacts">

      <label>{{ form.contacts[$index].type }}</label>
      <input name="form.contacts[$index].name" type="form.contacts[$index].type" ng-model="form.contacts[$index].value" ng-change="addContact(contact)" required />

</div>

{form.contacts[$index].type}

---

看看plunk，你会明白的。

你能提供工作小提琴手吗？你能提供工作小提琴手吗？你能提供工作小提琴手吗？你能提供工作小提琴手吗？我也能生成文本框。但是当我提交表格时，我需要检查每一份表格是否有效。那么问题是什么呢？只需检查formName.$valid，或将您的提交按钮的ng disabled绑定到表单的formName.$invalid属性，或者为什么不只检查

表单中的项目。contacts

以查看控制器中是否有空的项目？签出，查看控制台中的表单错误：。我可以使用form.contacts查看控制器中是否有空的表单。但是，我希望能够验证文本作为电子邮件地址等。如果您查看一下HTML，我使用ng show在验证失败时显示错误消息。我也能够生成文本框。但是当我提交表格时，我需要检查每一份表格是否有效。那么问题是什么呢？只需检查formName.$valid，或将您的提交按钮的ng disabled绑定到表单的formName.$invalid属性，或者为什么不只检查

表单中的项目。contacts

以查看控制器中是否有空的项目？签出，查看控制台中的表单错误：。我可以使用form.contacts查看控制器中是否有空的表单。但是，我希望能够验证文本作为电子邮件地址等。如果您查看一下HTML，我使用ng show在验证失败时显示错误消息。我也能够生成文本框。但是当我提交表格时，我需要检查每一份表格是否有效。那么问题是什么呢？只需检查formName.$valid，或将您的提交按钮的ng disabled绑定到表单的formName.$invalid属性，或者为什么不只检查

表单中的项目。contacts

以查看控制器中是否有空的项目？签出，查看控制台中的表单错误：。我可以使用form.contacts查看控制器中是否有空的表单。但是，我希望能够验证文本作为电子邮件地址等。如果您查看一下HTML，我使用ng show在验证失败时显示错误消息。我也能够生成文本框。但是当我提交表格时，我需要检查每一份表格是否有效。那么问题是什么呢？只需检查formName.$valid，或将您的提交按钮的ng disabled绑定到表单的formName.$invalid属性，或者为什么不只检查

表单中的项目。contacts

以查看控制器中是否有空的项目？签出，查看控制台中的表单错误：。我可以使用form.contacts查看控制器中是否有空的表单。但是，我希望能够验证文本作为电子邮件地址等。如果您查看一下HTML，我使用ng show在验证失败时显示错误消息。