變量和方法的使用
$scope 類似是一個(gè)代理的對(duì)象,負(fù)責(zé)增刪改和檢驗(yàn)等功能
ng-click="login()"
$scope 生成
$scope.user = {
name: '',
pwd: ''
};
$scope 引用
<input type="text" ng-model="user.name">
<input type="text" ng-model="user.pwd">
<body style="padding:10px;" ng-app="app">
<div ng-controller="MyCtrl">
<input type="text"ng-model="msg">
<h1>{{msg}}</h1>
<br>
<h1>{{reverse()}}</h1>
<!--調(diào)用方法，注意這里要加括號(hào)-->
</div>
<div ng-controller="MyCtrl">
<input type="text" ng-model="user.name"><br><br>
<input type="text" ng-model="user.pwd"><br><br>
<div ng-click="login()">登錄</div>
<div ng-show="errormsg.length>0">{{errormsg}}</div>
<!--當(dāng)errormsg長度大于0的時(shí)候顯示出來-->
</div>
</body>
angular.module('app', []).controller('MyCtrl',
function($scope) {
$scope.msg = "";
$scope.reverse = function() {
return $scope.msg.split("").reverse().join(""); < !--對(duì)輸入進(jìn)行反轉(zhuǎn)-->
}
$scope.user = {
name: '',
pwd: ''
};
$scope.errormsg = ""; < !--需要先定義，否則會(huì)報(bào)錯(cuò)-->$scope.login = function() {
if ($scope.user.name == "admin" && $scope.user.pwd == "123") {
alert("登錄成功");
} else {
alert("用戶名或密碼錯(cuò)誤");
}
}
})
