error和ng-if
error和ng-if的判斷條件都沒有起到作用，是怎么回事啊
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>Title</title>
? ?<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
? ?<link rel="stylesheet">
? ?<style>
? ? ? ?.error{
? ? ? ? ? ?border:1px solid #a10;
? ? ? ?}
? ?</style>
</head>
<body ng-app="myApp" ng-control="mainController">
<form name="register" ng-submit="submitForm()">
? ?<div class="form-group">
? ? ? ?<label>用戶名：</label>
? ? ? ?<input ?name="username"
ng-model="username"
ng-class="{'error':register.username.$invalid && register.username.$touched}"
ng-minlength="4"
required
? ? ? ? ? ? ? ?class="form-control">
? ? ? ?<div ng-if="register.username.$invalid && register.username.$touched">輸入錯(cuò)誤</div>
? ?</div>
</form>
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
2016-07-23
應(yīng)該是你angularJS包有問題，我把你的包換了后，就可以了
下面是我給你修改后的代碼：
<!DOCTYPE html>
<html>
<head>
? ?<meta charset="UTF-8">
? ?<title>Title</title>
? ?<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
? ?<link rel="stylesheet">
? ?<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>?
? ?<style>
? ? ? ?.error{
? ? ? ? ? ?border:1px solid #a10;
? ? ? ?}
? ?</style>
</head>
<body ng-app="myApp" ng-control="mainController">
<form name="register" ng-submit="submitForm">
? ?<div>
? ? ? ?<label>用戶名：</label>
? ? ? ?<input ? name="username"
ng-model="username"
ng-class="{'error':register.username.$invalid && register.username.$touched}"
ng-minlength="4"
required
? ? ? ? ? ? ? ?>
? ? ? ? <div ng-if="register.username.$invalid && register.username.$touched">輸入錯(cuò)誤</div>
? ?</div>
</form>
<!-- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> -->
<!-- <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
<!-- <script src="js/main.js"></script> -->
<script>
var app=angular.module('myApp',[])
</script>
</body>
</html>
加油 ??。。?！