angular--控制器controller

来源：互联网发布：手机淘宝怎么小二介入编辑：程序博客网时间：2024/05/29 16:04

为了方便多个控制器中的公共数据初始化,AngularJS提供了一个全局作用域对像$roorScope。

AngularJS应用中，仅有一个全局作用域，其他所有的$scope作用域都是$rootScope的子元素。

因为控制器函数中可以直接使用$rootScope，就有可能会造成全局数据污染。
规范：$rootScope一般和Angular模块的run()方法一起使用，进行全局数据的初始化。

<!DOCTYPE html>

<html ng-app="myApp"> //程序运行入口

<head>

<title>Title</title>

</head>

<body>

</div>

</div>

</div>

</body>

三个控制器中，都要使用到一个数据name。

第一种：通过给每个每个控制器里的name赋相同的值。

第二种：通过全局作用域对象$rootScope.

var app=angular.module("myApp",[]);

app.controller("myCtrl",function ($scope) { //第一个控制器

$scope.name="Tom"

})

app.controller("myCtr2",function ($scope) {//第二个控制器

$scope.name="Tom"

})

app.controller("myCtr3",function ($scope) {//第三个控制器

$scope.name="Tom"

})

//初始化全局数据

app.run(function ($rootScope) {

$rootScope.username="jquey";

})

</script>

</html>

0 0