angularjs - ng-messages-include 指令不显示消息

Question

我希望有人能告诉我我在使用 ngMessages 指令时做错了什么。我正在使用的代码是：

<script type="text/ng-template" id="error-messages">
    <div ng-message="required">This field is required</div>
    <div ng-message="minlength">This field is too short</div>
</script>


<div ng-controller="SomeController">
  <div class="row">
      <div class="col-md-6">
          <form name="profileForm" ng-submit="model.submit()" novalidate>
              <div>
                  <label for="username">Your user name:</label>
                  <input type="text" id="username" name="username" required placeholder="User name" ng-model="model.user.username">
                  <div class="help-block" ng-messages="profileForm.username.$error">
                      <div ng-messages-include="error-messages"></div>
                  </div>
              </div>
              <button>submit</button>
          </form>
      </div>
  </div>
</div>

我在这里创建了一个 plunk ng-messages-include plunk

一直在这几个小时。谢谢

Answer 1

ngMessages默认情况下不附带 angular。因此，当您添加ng-messages指令时，angular 不会编译它，也不会发生任何事情。

您应该做的是将 ng-messages 添加到脚本标签并ngMessages在您的应用程序定义中添加模块。

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

var anApp = angular.module('anApp', ['ngMessages']);

查看更新的 plunker：http ://plnkr.co/edit/1CtamfeVCpggDApH9Enp?p=preview