ngMessages with Angular 1.5.xコンポーネント

Question

1.5で追加されたコンポーネントを使用しているアプリケーションにngMessagesを導入しようとしました。

Error: $compile:ctreq Missing Required Controller.

This is a common error with ngMessages and the normal remedy is suggested here: https://docs.angularjs.org/error/ $compile/ctreq?p0=ngMessages&p1=ngMessage

は、しかし、私はディレクティブの特殊なタイプであるコンポーネントは、使用していますし、これがあるとは思われない。できるだけ早く私は私のテンプレートでngMessageへの参照を含めるように私はこのエラーメッセージを受信して​​いますコンポーネントのオプション。

ngMessagesは、のコンポーネントを1.5で使用していますか？

ディレクティブで使用するための構文は次のようである：

myApp.directive('myDirective', function() { 
    return { 
    require: 'ngModel', 
    ... 
    } 
} 

コンポーネントのマニュアル：https://docs.angularjs.org/guide/componentはrequireに相当をカバーしていません。

Answer 1

これは役に立ちます。

<form name="userLoginForm" autocomplete="off"> 
    <input type="text" minlength="10" maxlength="10" ng-pattern="/^[0-9]+$/" required ng-model="userData.mobileNumber" placeholder="Enter Mobile Number" class="form-control login-form-input" id="mobileNumber" name="mobileNumberInput"/> 
    <div ng-messages="userLoginForm.mobileNumberInput.$error" role="alert"> 
     <div ng-message="required"> 
      This field is required 
     </div> 
     <div ng-message="pattern"> 
     Enter correct mobile number 
     </div> 
     <div ng-message="minlength, maxlength"> 
      Your mobile number must 10 characters long</div> 
     </div> 
    </div> 

Answer 2

あなたが正しいのdiv構造を持っていないときに起こります。 最初のdivにはng-messagesが含まれていなければならず、1つの内部はng-messageでなければなりません。ドキュメントから ：

<ANY **ng-messages**="expression" role="alert"> 
    <ANY **ng-message**="stringValue">...</ANY> 
</ANY> 

角度のデバッグメッセージは、このインスタンスでは役に立たないで、より多くの混乱を引き起こします。