@codenaki

Как правильно работать с Angular валидацией?

<div class="container" ng-app="loginForm">
        <div class="row" ng-controller = "loginController">
            <form class="col-lg-6 col-md-6 col-sm-6 col-xs-6" name="login">
                <div class="form-group">
                    <label for="uname">User name:</label>
                    <input type="text" ng-model="data.username" class="form-control" id="uname" name = "uname" data-toggle="tooltip" title="User name">
                    <p style="color:red" ng-show="false">

                    </p>
                </div>
                <div class="form-group">
                    <label for="email">Email address:</label>
                    <input type="email" ng-model="data.email" class="form-control" id="email" name="email" data-toggle="tooltip" title="Email">
                    <p style="color:red" ng-show="login.$error.email.$error.email">
                        {{data.email}}
                    </p>
                </div>
                <div class="form-group">
                    <label for="pwd">Password:</label>
                    <input type="password" ng-model="data.password" class="form-control" id="pwd" name="password" data-toggle="tooltip" title="Password">
                    <p style="color:red" ng-show="false">
                        {{data.password}}
                    </p>
                </div>
                <div class="checkbox">
                    <label><input type="checkbox"> Remember me</label>
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <pre>{{login | json}}</pre>
        </div>
    </div>


При выводе {{login | json}} я получаю обьект с пропертис и информацией о изминения этих пропертис ..

При написании не правильного мэйла в проперти $error добавляется обьект с ошибкой .
По логики данный параграф должен появится при ошибки а то есть когда равен true , но этого не происходит , почему ?
ng-show="login.$error.email.$error.email"

Пример : добавленного обьекта при ошибки , вывод с <pre>{{login | json}}</pre> данной строки .
{
  "$error": {
    "email": [
      {
        "$viewValue": "m",
        "$validators": {},
        "$asyncValidators": {},
        "$parsers": [],
        "$formatters": [
          null
        ],
        "$viewChangeListeners": [],
        "$untouched": false,
        "$touched": true,
        "$pristine": false,
        "$dirty": true,
        "$valid": false,
        "$invalid": true,
        "$error": {
          "email": true
        },
        "$name": "email",
        "$options": {}
      }
    ]
  },
  • Вопрос задан
  • 118 просмотров
Пригласить эксперта
Ответы на вопрос 1
Юзайте login.email.$error.email
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы