AngularJS入门(5)-Angular作用域($Scope)
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象,有可用的方法和属性, 可应用在视图和控制器上。 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AngularJS</title>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript"> var app = angular.module("myApp",[]); app.run(function($rootScope){ $rootScope.first = "jiang"; }); app.controller("ctrl1",function($scope){ $scope.last = "gujin"; }); app.controller("ctrl2",function($scope){ $scope.last = "haiqing"; }); </script>
</head>
<body ng-app="myApp">
<div ng-controller="ctrl1">
{{first}} {{last}}
</div>
<div ng-controller="ctrl2">
{{first}} {{last}}
</div>
</body>
</html>
页面显示效果如下: 看到实际运行的效果,我们很容易的就可以知道 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |