AngularJS ng-带有ng消息的消息-包括未显示

Question

我在网上搜索了很多，但我的程序不可行。因此，我选择堆叠溢出作为我的问题。基本上，我想在验证失败时显示验证错误消息。为此，我使用ngMessage指令将错误消息集中起来，以便轻松地更新任何错误消息。但是信息没有显示出来。这是我的代码：

Index.php
<div  class="alert alert-danger field-wrapper errors">
   <div ng-messages ="loginForm.email.$error"><div ng-messages-include="ng-errorMessages.php"></div></div>
   <div ng-messages ="loginForm.password.$error"><div ng-messages-include="ng-errorMessages.php"></div></div>
</div>

以下是我的消息文件代码：

ng-errorMessages.php
<div ng-messages for="loginForm.email.$error">
    <div ng-message ng-show="required">Email is required!</div>
    <div ng-message ng-show="email">Email is not vang-messaged format!</div>
</div>
<div ng-messages for="loginForm.password.$error">
    <div ng-message ng-show="minlength">Password is too short!</div>
    <div ng-message ng-show="maxlength">Password is too long</div>
    <div ng-message ng-show="required">Password is required!</div>
    <div ng-message ng-show="!required && passwordWeak">Password is weak!</div>
</div>

不问题是什么都没出现。当我检查chrome中的元素时，我得到了以下输出：

<div class="alert alert-danger field-wrapper errors">
        <div ng-messages="loginForm.email.$error" class="ng-inactive"><!-- ngMessagesInclude: ng-errorMessages.php --><div ng-messages="" for="loginForm.email.$error" class="ng-scope ng-inactive">
        <!-- ngMessage:  -->
        <!-- ngMessage:  -->
    </div>
        <div ng-messages="" for="loginForm.password.$error" class="ng-scope ng-inactive">
            <!-- ngMessage:  -->
            <!-- ngMessage:  -->
            <!-- ngMessage:  -->
            <!-- ngMessage:  -->
        </div>
    </div>
    <div ng-messages="loginForm.password.$error" class="ng-inactive"><!-- ngMessagesInclude: ng-errorMessages.php --><div ng-messages="" for="loginForm.email.$error" class="ng-scope ng-inactive">
        <!-- ngMessage:  -->
        <!-- ngMessage:  -->
    </div>
    <div ng-messages="" for="loginForm.password.$error" class="ng-scope ng-inactive">
        <!-- ngMessage:  -->
        <!-- ngMessage:  -->
        <!-- ngMessage:  -->
        <!-- ngMessage:  -->
    </div></div>
</div>

请朋友帮帮我。这是普朗克

Answer 1

这是我的发现，参考这个柱塞

我把这部分改成

<div class="alert alert-danger field-wrapper errors">
  <div ng-messages="loginForm.email.$error">
    <div ng-messages-include="ng-errorMessages.html"></div>
  </div>
  <div ng-messages="loginForm.password.$error">
    <div ng-messages-include="ng-errorMessages.html"></div>
  </div>
</div>

在index.html文件中：

<div class="alert alert-danger field-wrapper errors">
  <div ng-messages="loginForm.email.$error || loginForm.password.$error">
    <div ng-messages-include="ng-errorMessages.html"></div>
  </div>
</div>

和

<div ng-messages for="loginForm.email.$error">
    <div ng-message ng-show="required">Email is required!</div>
    <div ng-message ng-show="email">Email is not vang-messaged format!</div>
</div>
<div ng-messages for="loginForm.password.$error">
    <div ng-message ng-show="minlength">Password is too short!</div>
    <div ng-message ng-show="maxlength">Password is too long</div>
    <div ng-message ng-show="required">Password is required!</div>
    <div ng-message ng-show="!required && passwordWeak">Password is weak!</div>
</div>

至：

<div ng-messages for="loginForm.email.$error">
    <div ng-message="required">Email is required!</div>
    <div ng-message="email">Email is not vang-messaged format!</div>
</div>
<div ng-messages for="loginForm.password.$error">
    <div ng-message="minlength">Password is too short!</div>
    <div ng-message="maxlength">Password is too long</div>
    <div ng-message="required">Password is required!</div>
    <div ng-message="!required && passwordWeak">Password is weak!</div>
</div>

它对ng消息也很好，包括。