Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带
Scope 是一个对象，有可用的方法和属性
创建控制器时，你可以将 $scope 对象当作一个参数传递
当在控制器中添加 $scope 对象时，视图 (HTML) 可以获取了这些属性
视图中，你不需要添加 $scope 前缀, 只需要添加属性名即可，如： {{carname}}
scope 是模型
scope 是一个 JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用

根作用域

所有的应用都有一个 $rootScope，它可以作用在 ng-app 指令包含的所有 HTML 元素中
$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用

示例

<div ng-app="myApp" ng-controller="myCtrl"><h1>姓氏为 {{lastname}} 家族成员:</h1><ul><!--从变量names里面循环变量x(x in names)--><li ng-repeat="x in names">{{x}} {{lastname}}</li></ul></div>
<p>注意 $rootScope 在循环对象内外都可以访问。</p>
<script>var app = angular.module('myApp', []);//传参里面，可以有$scope、$rootScopeapp.controller('myCtrl', function($scope, $rootScope) {$scope.names = ["Emil", "Tobias", "Linus","John"];$rootScope.lastname = "Refsnes";});
</script>

转载于:https://www.cnblogs.com/Lulus/p/7873899.html

AngularJS Scope(作用域)相关推荐

html 根作用域,AngularJS入门教程之Scope(作用域)
AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带. Scope 是一个对象,有可用的方法和属性. Scope ...
理解AngularJS的作用域Scope
为什么80%的码农都做不了架构师?>>> 理解AngularJS的作用域Scope https://github.com/angu- 08-02 22:45 10-14 09: ...
从零学前端第十四讲：AngularJs进阶-作用域和控制器
修真院Web工程师零基础全能课本节课内容 AngularJs进阶-作用域和控制器主讲人介绍沁修,葡萄藤技术总监项目经验丰富,擅长H5移动项目开发. 专注技术选型.底层开发.最佳代码实践规范总结 ...
Angularjs $scope 里面的$apply 方法和 $watch 方法
Angularjs $scope 里面的$apply 方法和 $watch 方法学习要点: 1. Angularjs $scope 里面的$apply 方法 2. Angularjs $scope ...
spring bean scope作用域及多线程安全问题场景分析
2019独角兽企业重金招聘Python工程师标准>>> Scope作用域在 Spring IoC 容器中具有以下几种作用域: singleton:单例模式,在整个Spring Io ...
AngularJS scope 学习
本文主要是学习别人的文章和回答之后的总结,此处给出链接深入学习AngularJS Scope JavaScript原型继承简介 AngularJs中是双向数据绑定,但并不是每次修改都会产生相应的效果, ...
maven常用scope作用域说明
maven常用scope作用域:compile.runtime.provided.test.system. compile:scope的默认值,编译期.运行期有效,常见的jar比如:spring-co ...
Angular 中得 scope 作用域梳理
2019独角兽企业重金招聘Python工程师标准>>> $scope 的使用贯穿整个 Angular App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了 $scope ...
Spring注解开发-@Scope作用域注解
@Scope用来描述bean的作用域.

AngularJS Scope(作用域)

根作用域

示例

AngularJS Scope(作用域)相关推荐

最新文章

热门文章