' ngMessages'没有在角度js中实例化

时间:2015-12-29 13:46:19

标签: javascript angularjs ionic

以下是我的代码



   // 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>
&#13;
&#13;
&#13;

我正在获取&#39; ngMessages&#39;没有在浏览器中实例化错误。你能否告诉我在哪里做错了或为什么我会收到这个错误?

提前致谢。

1 个答案:

答案 0 :(得分:1)

在index.html页面中加入unittest.mock