Используйте ng-сообщение с ng-required

Question

Используйте ng-сообщение с ng-required

0

У меня есть форма, которая проверяет радиовход. Требуется радиовход (пользователю необходимо выбрать одно из полей радио, прежде чем нажимать кнопку отправки). Я использую для этого ng-требуемый во входном радио.

Радиовход выглядит примерно так:

<input type="radio" name="myRadio" value="1" ng-model="theModel" ng-required="!theModel">
<input type="radio" name="myRadio" value="2" ng-model="theModel" ng-required="!theModel">
<input type="radio" name="myRadio" value="3" ng-model="theModel" ng-required="!theModel">

Я хочу показать сообщение в моей форме после отправки пользователем. Я использую для этого директиву ng-message. Я использую его так:

<div class="msg-error-input" ng-if="!theModel" ng-messages="myForm.myRadio" role="alert">
    <div class="icon my-icon" ng-message="required">
        It has to show an error here. But this doesn't seem to work ! It seems that there no link between the ng-message='required' and the ng-required..
    </div>
</div>

Mathemagician 27 апр. 2016, в 13:05

Источник

1

умеешь ли ты возиться ... выглядит все нормально ...
nisar 27 апр. 2016, в 11:09

Теги:

javascript

angularjs

forms

1 ответ

Ещё вопросы

умеешь ли ты возиться ... выглядит все нормально ...

Mathemagician · Answer 1 · 2016-04-27T15-46-00.000Z

Я решил, что:

<form name="myForm" id="myForm">
<input type="radio" name="myRadio" value="1" ng-model="theModel" ng-required="!theModel">
<input type="radio" name="myRadio" value="2" ng-model="theModel" ng-required="!theModel">
<input type="radio" name="myRadio" value="3" ng-model="theModel" ng-required="!theModel">
<div class="msg-error-input" ng-if="!theModel && submitted" ng-messages="myForm.myRadio" role="alert">
    <div class="icon my-icon" ng-message="required">
        It has to show an error here. But this doesn't seem to work ! It seems that there no link between the ng-message='required' and the ng-required..
    </div>
</div>
<button type="submit" data-ng-click="submitted"/>
</form>

(Я видел, что представленная ng не была добавлена в мою форму, поэтому я добавил переменную, представленную кликом)