js中scope=col是什么意思？

JavaScript012

js中scope=col是什么意思？,第1张

scope 属性 -- 行或列的表头属性scope -- 通过此属性可以定义行或列的表头取值col -- 定义列表头row -- 定义行表头colgroup -- 定义列组的表头信息,是column group的缩写rowgroup -- 定义行组的表头信息,是row group的缩写引用网址:http://www.dreamdu.com/xhtml/attribute_scope/

一句话总结：

$rootScope针对全局的作用域生效

$scope只针对当前的controller作用域生效

用下面的例子来证明上述的说法：

定义一个模块名为myApp

var myApp = angular.module('myApp', [])

创建oneController和twoController这两个controller

oneController传入$scope和$rootScope

myApp.controller('oneController', ['$scope', '$rootScope', function ($scope, $rootScope) {

// 局部的变量，只有在oneController中才会显示

$scope.one_language = 'Python'

// 全局的变量，都可以调用

$rootScope.language = 'Go'

}])

twoController只传入$scope

myApp.controller('twoController', ['$scope', function ($scope) {

// 局部的变量，只有在twoController中才会显示

$scope.two_language = 'Java'

}])

HTML标签内容

<span ng-app="myApp">

<style>

div{margin-top: 15pxborder: 2px solid rebeccapurplewidth: 400px}

</style>

<div>

<h3>我是全局变量language: {{ language}}</h3>

</div>

<div ng-controller="oneController">

<h3>我是one_language局部变量: {{ one_language}}</h3>

</div>

<div ng-controller="twoController">

<h1>twoController</h1>

<h3>我是two_language局部变量: {{ two_language }}</h3>

<h3>我是one_language局部变量: {{ one_language}}</h3>

<h3>我是全局变量language: {{ language }}</h3>

</div>

</span>