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> 

そして、私は時間のために、この時に行った事ここにng-messages-include plunk

plunkを作成しました。 ありがとう

Answer 1

ngMessagesは、デフォルトでは角度で出荷されません。したがって、ng-messages指令を追加すると、角度はコンパイルされず何も起こりません。

スクリプトタグに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