angularjs - 带有 Angular 1.5.x 组件的 ngMessages

Question

我刚刚尝试将 ngMessages 引入我的应用程序，该应用程序使用在 1.5 中添加的组件。只要我在模板中包含对 ngMessage 的任何引用，我就会收到此错误消息:

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

但是，我使用的是组件，它是一种特殊类型的指令，这似乎不是组件的选项。

有没有人让 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>