Проверка угловой формы на динамически добавленных и удаленных полях формы в Angular 1.5.7

Итак, я прочитал несколько сообщений по этой теме и еще не совсем понял. Я попытался реализовать решение, найденное на https://scotch.io/tutorials/building-dynamic-angular-forms-with-ngrepeat-and-ngform, но безуспешно. проверка действительно добавляет к элементу класс ng-invalid, но не отображает сообщение об ошибке с помощью ng-show. Вот что у меня есть на данный момент.

Прежде всего, вот plnkr: http://plnkr.co/edit/0Xh0o82N1xQc7Qi5Mhfe?p=preview

<h1>Dynamic Field</h1>
<div ng-controller="EmailCtrl">
  <hr>
  <a ng-click="addEmail()" href="#">Add Email</a>
  <hr>
  <form name="email_form">
    <label>Main Form
    <input type="email" ng-model="test.email" name="email" />
    <div class="help-block" ng-show="email_form.email.$touched">
    <span ng-show="email_form.email.$error.email">ERROR</span>
  </div>
  <p></p>
  <div ng-repeat="email in emails">
    <ng-form="sub_form">
      sub form <input name="sub_email" type="email" ng-model="email.email" />
      <div class="help-block" ng-show="sub_form.sub_email.$touched">
        <span ng-show="sub_form.sub_email.$error.email">ERROR</span>
      </div>
      <a ng-click="removeEmail($index)" href="#">Remove Email</a>
      </ng-form>
  </div>
  </label>
</form>


javascript validation angularjs angularjs-forms
person OGZCoder    schedule 18.07.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward 

<ng-form="sub_form>
</ng-form>

должно быть:

<ng-form name="sub_form">
</ng-form>

Надеюсь, это поможет !

person Rathma    schedule 18.07.2016
comment
да ... это всегда что-то такое простое ... я действительно ненавижу, когда я пропускаю чертову точку с запятой .. лол - person OGZCoder; 18.07.2016
comment
@OGJoshZero у меня ушло минут 30 :) - person Rathma; 18.07.2016