角度：問題が複数ある場合

Question

私のコントローラの電子メールアドレスを検証します。エラーがあった場合、私は

このシナリオでは

、ユーザータイプで...エラー・メッセージを表示したいと思います：MYNAME @メール（無効）

検証が働いているの罰金と私範囲は下記の通りである：

Object { 
    email_used: false, 
    email_invalid: true, 
    email_required: false 
} 

を私のテンプレートでは、入力フィールド上のエラークラスが正しく動作：

<input type="email" name="email" placeholder="E-mailadres" ng-model="new_user.email" class="grid-100" ng-class="(error_register.email_used || error_register.email_invalid || error_register.email_required) ? 'error' : ''"/> 

...しかし、私のエラーメッセージは表示されませんか？

<!-- ERRORS --> 
<span class="ngdialog-form-error" ng-if="error_register.email_used" ng-cloak>Email is used<span> 
<span class="ngdialog-form-error" ng-if="error_register.email_required" ng-cloak>Email required<span> 
<span class="ngdialog-form-error" ng-if="error_register.email_invalid" ng-cloak>Email invalid<span> 
<!--/ERRORS --> 

（私は角度1.2.0を使用しています）

Answer 1

あなたのspanタグを閉じていません。

var app = angular.module("app", []); 
 

 
app.controller("controller", function($scope) { 
 
    $scope.error_register = { 
 
    email_used: false, 
 
    email_invalid: true, 
 
    email_required: false 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="controller"> 
 
    <span class="ngdialog-form-error" ng-if="error_register.email_used" ng-cloak>Email is used</span> 
 
    <span class="ngdialog-form-error" ng-if="error_register.email_required" ng-cloak>Email required</span> 
 
    <span class="ngdialog-form-error" ng-if="error_register.email_invalid" ng-cloak>Email invalid</span> 
 
</div>