消息-包含指令不显示消息。

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>

我在这里创建了一个ng-讯息-包括plunk

已经干了好几个小时了。谢谢

Answer 1

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

您应该做的是将ng消息添加到脚本标记中，并在应用程序定义中添加模块ngMessages。

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

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

请参阅更新的柱塞：http://plnkr.co/edit/1CtamfeVCpggDApH9Enp?p=preview