Проверка AngularJS без вложений


возможно ли в Angular проверить один, изолированный <input> аналогичным образом проверяются формы? Я думаю о чем-то вроде этого:

<div class="form-group">
    <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5">
    <span class="error" ng-show="myInput.$error.maxlength">Too long!</span>
</div>

приведенный выше пример не работает. Заключая его в <form> и заменить ng-show С ng-show="myForm.myInput.$error.maxlength" помогает.

можно ли это сделать без использования <form>?

1 89

1 ответ:

вы можете использовать угловую директиву ng-form (посмотреть документы здесь) группировать что-либо, даже за пределами html-формы. Затем вы можете воспользоваться преимуществами углового FormController.

<div class="form-group" ng-form name="myForm">
    <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5">
    <span class="error" ng-show="myForm.myInput.$error.maxlength">Too long!</span>
</div>

пример