AngularJS 作用域（Scope）
AngularJS作用域（Scope）
Scope作用域是应用在视图和控制器之间的纽带，Scope是一个对象包含可用的方法和属性，Scope可以应用在试图和控制器上。
$scope是针对当前的controller的作用域生效
$rootScope是针对全局controller的作用域生效
下面使用代码进行这个作用域的演示
<html>
<head>
<title>AngularJS作用域</title>
<meta charset="utf-8" />
<script src="js/angular.min.js"></script>
<style>
.frame {
height:250px;
border:1px solid black;
background-color:lightblue;
padding:10px;
margin:20px;
} </style>
</head>
<body ng-app="myApp">
<div class="frame" ng-controller="oneController">
scope1 :{{scope1}}<br />
rootScope1: {{rootScope1}}<br />
scope2 :{{scope2}}<br />
rootScope2 :{{rootScope2}}<br />
</div> <div class="frame" ng-controller="towController">
scope1 :{{scope1}}<br />
rootScope1: {{rootScope1}}<br />
scope2 :{{scope2}}<br />
rootScope2 :{{rootScope2}}<br />
</div> <script>
var app = angular.module("myApp", []);
app.controller("oneController", function ($scope,$rootScope) {
$scope.scope1 = "我是scope1";
$rootScope.rootScope1 = "我是rootScope1";
})
app.controller("towController", function ($scope, $rootScope) {
$scope.scope2 = "我是scope2";
$rootScope.rootScope2 = "我是rootscope2";
})
</script>
</body>
</html>
AngularJS 作用域（Scope）的更多相关文章
- 理解AngularJS的作用域Scope
AngularJS中,子作用域一般都会通过JavaScript原型继承机制继承其父作用域的属性和方法.但有一个例外:在directive中使用scope: { ... },这种方式创建的作用域是一个独 ...
- AngularJs之Scope作用域
前言: 上篇博文AngularJs之directive中说了Scope作用域是个大坑,所以拿出来作为重点总结! 什么是scope AngularJS 中,作用域是一个指向应用模型的对象,它是表达式的执 ...
- 理解angularJS中作用域$scope
angularJS中作用域是什么 作用域(scope)是构成angularJS应用的核心基础,在整个框架中都被广泛使用,因此了解它如何工作是非常重要的 应用的作用域是和应用的数据模型相关联的,同时作用 ...
- 转深入理解 AngularJS 的 Scope作用域
文章转载英文:what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs 中文:http://www. ...
- AngularJS：Scope（作用域）
ylbtech-AngularJS:Scope(作用域) 1.返回顶部 1. AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript ( ...
- angularJS（二）：作用域$scope、控制器、过滤器
app.controller创建控制器 一.作用域 Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带. Scope 是一个对象,有可用的方法和属性. ...
- 深入理解 AngularJS 的 Scope
JavaScript 的原型继承就是奇葩. 之前在 V2EX 上看到讨论说,不会 OOP 的 JavaScript 的程序员就是野生程序员.看来我是属于野生的. 一.遇到的问题 问题发生在使用 A ...
- angularjs作用域
作用域(scope)①是构成AngularJS应用的核心基础,在整个框架中都被广泛使用,因此了解它如何工作是非常重要的.应用的作用域是和应用的数据模型相关联的,同时作用域也是表达式执行的上下文.$sc ...
- AngularJS开发指南9：AngularJS作用域的详解
AngularJS作用域是一个指向应用模型的对象.它是表达式的执行环境.作用域有层次结构,这个层次和相应的DOM几乎是一样的.作用域能监控表达式和传递事件. 作用域的特点 作用域提供APIs($wat ...
随机推荐
- 横线和文字一排，文字居中显示vertical-align: middle;
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- DIY 空气质量检测表
DIY 空气质量检测表 前几天逛淘宝看到有空气颗粒物浓度测量的传感器,直接是 3.3V TTL 电压串口输出的,也不贵,也就 100 多一点.觉得挺好就买了个,这两天自己捣鼓了个小程序,搞了个软件界面 ...
- 深入研究EF Core AddDbContext 引起的内存泄露的原因
前两天逛园子,看到 @Jeffcky 发的这篇文章<EntityFramework Core依赖注入上下文方式不同造成内存泄漏了解一下>. 一开始只是粗略的扫了一遍没仔细看,只是觉得是多次 ...
- OSGI插件（plugin）web工程建设步骤
所有资源下载(汇总) 底包的下载地址:https://pan.baidu.com/s/15JxHOHf0AyZaLKPJUkpeXA 提取码: bujz web-target.war下载地址: ht ...
- Neutron flat network 学习
flat network 是不带 tag 的网络,要求宿主机的物理网卡直接与 linux bridge 连接,这意味着: 每个 flat network 都会独占一个物理网卡. 在 ML2 配置中 ...
- 解决Jenkins邮件配置问题
最近要配置Jenkins邮箱,由于一直报如下错误,又没办法解决,所以想到了另外的办法发邮件. 我采用shell脚本执行python命令的方式来发邮件: #!/bin/bash cd /software ...
- python基础----特性（property）、静态方法（staticmethod）、类方法（classmethod）、__str__的用法
http://www.cnblogs.com/wangyongsong/p/6750454.html#_label0
- android O 打开设置->声音->“点按时震动问题”
主要原因是和导航栏和屏幕最下方3个按键的属性配置有关,因为在PhoneWindowManager中调用方法performHapticFeedbackLw(null, HapticFeedbackCon ...
- django rest framework serializers序列化
serializers是将复杂的数据结构变成json或者xml这个格式的 serializers有以下几个作用: - 将queryset与model实例等进行序列化,转化成json格式,返回给用户(a ...
- Android学习第8天
进程的概念 a) 四大组件都运行在主线程中 b) 服务是没有界面的,可理解为没有界面的Activity c) 进程的优先级 i. ...