Angular JS中未实例化``ngMessages''

Question

Following is my code 以下是我的代码

  // 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)(?=.*[az])(?=.*[AZ])(?=.*[AZ])(?=.*[!@#$%^&*]).{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>

I am getting 'ngMessages' not instantiated error in browser. 我在浏览器中收到“ ngMessages”未实例化的错误。 Can you please let me know where am I doing wrong or why I am getting this error? 您能否让我知道我在哪里做错了，或者为什么我会收到此错误？

Thanks in advance. 提前致谢。

Answer 1

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

Angular JS中未实例化``ngMessages''

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-12-17 15:18:09

Angular JS中未实例化``ngMessages&#39;&#39;

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-12-17 15:18:09

Angular JS中未实例化``ngMessages''

解决方案1
1 已采纳 2016-12-17 15:18:09