在$scope中变量和方法的使用

时间：2016-05-24 18:42:40 阅读：160 评论：0 收藏：0 [点我收藏+]

代码：

angularjs.html

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>AngualrJS进阶</title> 
<link rel="stylesheet" type="text/css" href="css/foundation.css">
</head>
<body style="padding:10px;" ng-app="app">
<div ng-controller="MyCtrl">
<input type="text"ng-model="msg">
<h1>{{msg}}</h1>
<br>
<h1>{{reverse()}}</h1>
<!--调用方法，注意这里要加括号-->
</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>
<!--当errormsg长度大于0的时候显示出来-->
</div>
</body>
<script type="text/javascript" src="js/angular.js"></script>
<script type="text/javascript" src="js/myctrl.js"></script>
</html>

myctrl.js

angular.module(‘app‘,[])
.controller(‘MyCtrl‘,function($scope){
	$scope.msg="";
	$scope.reverse=function(){
		return $scope.msg.split("").reverse().join("");
		<!--对输入进行反转-->
	}

	$scope.user={name:‘‘,pwd:‘‘};
	$scope.errormsg="";
	<!--需要先定义，否则会报错-->
	$scope.login=function(){
		if($scope.user.name=="admin" && $scope.user.pwd=="123"){
			alert("登录成功");
		}
		else{
			alert("用户名或密码错误");
		}
	}

})

在$scope中变量和方法的使用

原文：http://www.cnblogs.com/yedushusheng/p/5524234.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)