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-messages-include plunk

已经好几个小时了。感谢

Answer 1

ngMessages默认情况下不附带角度。因此，当您添加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

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

1 个答案: