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

Posted 野渡书生

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在$scope中变量和方法的使用相关的知识，希望对你有一定的参考价值。

代码：

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中变量和方法的使用的主要内容，如果未能解决你的问题，请参考以下文章

AngularJS中监视Scope变量以及外部调用Scope方法

Android：将片段和弹出窗口的点击事件中生成的变量传递给活动的方法

在一些片段之间填充对象变量的最佳方法

scope="session"怎么访问javabean的方法

avaScript文件中调用AngularJS内部方法或改变$scope变量

Python中变量的作用域(variable scope)