Отправка формы от внешней кнопки контроллера для проверки

Question

Если вы посмотрите на мой fiddle

Я не знаю, почему внутренний «Отправить» кнопка запускает проверку браузера (в соответствии с атрибутом required), но «внешние кнопки «Не так ли?

Внешняя кнопка вызывает форму submit() Функция, поэтому я ожидал бы такого же поведения, нет?

Я знаю, что это, вероятно, не проблема углов, но я ищу угловое решение, что означает, что мне не нужно использовать $ element (как я понимаю, это плохая практика).

Answer 1

Внутренняя кнопка отправки запускает требуемое поведение, потому что это поведение браузера по умолчанию. Вы не можете инициировать поведение required, отправив форму с помощью javascript. Вы должны найти другой способ показать пользователям, что они должны делать с формой. Возможно, вы захотите использовать свойство $valid, которое поставляется с ngForm.

Answer 2

Когда вы используете $ element, вы запускаете события в чистом javascript, а угловые не знают, что происходит, поэтому он не может в этом случае проверить форму. Вы должны вызвать форму проверки первого:

$scope.$broadcast('$validate'); 
if(!ngForm.$invalid) 
    $element.find("form")[0].submit(); 

для этой работы, пожалуйста, определить свою форму с нг-тег формы, например:

<ng-form> /* BLABLABLA */ </ng-form> 

Больше информации здесь:

http://docs.angularjs.org/api/ng.directive:ngForm

Вы также можете проверить это:

AngularJS - How to trigger submit in a nested form