angularJS的控制器

angularJS控制器。因为ng-app是控制整个应用的,一般一个应用中只有一个ng-app。而一个应用中有好多个界面,这样就需要按照页面的需要划分作用域,每一个页面划分一个作用域,就是用controller划分的,每一个controller就是一个页面的作用范围,controller可以嵌套,他的作用域的规则和JS一样,子可以访问父,父不能访问子。每个contr和html元素之间通过$scope链接起来。


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/angular.min.js"></script>
		<style type="text/css">
			
		</style>
	</head>
	
	<body ng-app="my-frist-app"> 
		<div id="box" ng-controller="fristController" >
			{{obj.name}}
			<input type="text" ng-m="name" />
			<p ng-bind="name"></p>
		</div>
	<script type="text/javascript">
		// 创建一个angular的对象
		// 参数:module的名字
		var myApp = angular.module('my-frist-app',[])
		
		
		// 控制器是JS对象 由标准的js构造函数创建而成
		// 控制器的名字,内容
		// $scope 把js中的控制器的内容和dom元素的内容链接起来
		myApp.controller('fristController',function($scope){
			
			//
			$scope.obj={
				name:"zhangsan",
				fun:function(){
					console.log("zhangsan")
				}
			}
		});
	</script>
	</body>
	
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值