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

时间：2016-05-24 18:42:46 阅读：239 评论：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年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行