'ngMessages' 未在 angular js 中实例化

Question

以下是我的代码

   // LoginCtrl.js

angular.module('homeon', [ 'ngMessages' ]).controller('loginCtrl',
  function($rootScope, $scope, $state, $ionicLoading, dbservices, server) {
  //--------------------------------- my code-------------
})

<!-- login.html-->

<link href="css/login.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.4/cerulean/bootstrap.min.css">

<!-- load angular -->
<script src="http://code.angularjs.org/1.4.3/angular.js"></script>

<!-- load ngmessages -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-messages.js"></script>

<!-- load our custom app -->
<script src="js/loginCtrl.js"></script>

<body ng-app="homeon">
 <ion-view view-title="Login">
    <ion-content>
     <form name="loginForm" ng-submit="doLogin(loginForm)" novalidate="">
       <div class="list list-inset">
       <label class="item item-input itemLabel">
          <input type="email" name="username" placeholder="Email" ng-model="username" required="required" ng-minlength="5" >
          </label>
    <label class="item item-input itemLabel">
             <input type="password" name="password" placeholder="Password" ng-model="password" required="required" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{8,}" autocapitalize="off" autocomplete="off" autocorrect="off">
             </label>
    <div ng-messages="loginForm.username.$error" style="color:red; align:center">
     <span ng-message="required">Please enter user name</span>
     <span ng-message="minlength">Length of email must be minimum 5 characters</span>
     <span ng-message="email">Please enter valid email</span>
    <div>
    </div ng-messages="loginForm.password.$error" style="color:red; align:center">
     <span ng-message="required">Please enter password</span>
     <span ng-message="pattern">The passwords must be at least 8 characters and include an
  uppercase, lowercase, number, and special character</span>
    </div>
    <button type="submit" class="button button-block" ng-click="" >Login</button>
    </div>
   </form>
    </ion-content>
</ion-view>
</body>

我在浏览器中收到 'ngMessages' not instantiated 错误。你能告诉我我哪里做错了或者为什么会出现这个错误吗？

提前致谢。

Answer 1

在您的 index.html 页面中包含 <script src="js/angular-messages.js"></script>

'ngMessages' 未在 angular js 中实例化

'ngMessages' not instantiated in angular js

javascript

angularjs

ionic