<!doctype html>
<html ng-app="myApp">
<head>
<script src="http://cdn.bootcss.com/angular.js/1.3.12/angular.min.js"></script>
<script src="http://cdn.bootcss.com/angular-i18n/1.2.15/angular-locale_zh-cn.js"></script> <style>
#parentCtrl {
background-color: yellow;
padding: 10px;
}
#childCtrl {
background-color: green;
padding: 10px;
}
</style>
</head>
<body>
<p>We can access: {{ rootProperty }}</p>
<div id="parentCtrl" ng-controller="ParentCtrl">
<p>We can access: {{ rootProperty }} and {{ parentProperty }}</p>
<div id="childCtrl" ng-controller="ChildCtrl">
<p>
We can access:
{{ rootProperty }} and
{{ parentProperty }} and
{{ childProperty }}
</p>
<p>{{ fullSentenceFromChild }}</p>
</div>
</div>
<script>
angular.module('myApp', [])
.run(function($rootScope) {
// use .run to access $rootScope
$rootScope.rootProperty = 'root scope';
})
.controller('ParentCtrl', function($scope) {
// use .controller to access properties inside `ng-controller`
// in the DOM omit $scope, it is inferred based on the current controller
$scope.parentProperty = 'parent scope';
})
.controller('ChildCtrl', function($scope) {
$scope.childProperty = 'child scope';
// just like in the DOM, we can access any of the properties in the
// prototype chain directly from the current $scope
$scope.fullSentenceFromChild = 'Same $scope: We can access: ' +
$scope.rootProperty + ' and ' +
$scope.parentProperty + ' and ' +
$scope.childProperty
});
</script>
</body>
</html>
ng参数继承机制比较好玩，最近正在学习。
此段代码来自于《AngularJS权威教程》P50.
网上有链接：http://jsbin.com/zahojaleme/1/edit
写在这里给大家分享下。
同时，自己记录笔记。
相关推荐
**AngularJS 0005：作用域** 在AngularJS框架中，作用域（Scope）是应用程序数据模型和视图之间的桥梁，它负责管理和维护应用中的数据。理解作用域是深入学习AngularJS的关键，因为它是应用程序中数据绑定的核心...
作用域在AngularJS框架中是非常核心的概念，下面就AngularJS作用域的相关知识点进行详细解析。 首先，我们来看一下AngularJS的作用域是如何工作的。AngularJS的作用域是基于原型继承的，当一个控制器创建后，它会...
1. **继承性**：在AngularJS中，作用域是按照层级结构组织的，子Controller会继承其父Controller的作用域。这意味着，如果一个Controller嵌套在另一个Controller内，那么子Controller将能访问到父Controller的所有...
总结起来，AngularJS 的作用域是数据绑定和控制器逻辑与视图交互的关键机制，它支持属性的定义、模型数据的修改以及继承特性，使得在复杂的应用中能够有效地组织和管理状态。通过深入理解作用域的工作原理，开发者...
本文将详细解析AngularJS中的作用域与数据绑定机制，包括作用域的创建、作用域的继承以及数据绑定的方式。 作用域（Scope）是AngularJS中的核心概念，它类似于其他编程语言中的作用域，但与页面的DOM结构紧密相关。...
AngularJS的子作用域通过原型继承机制从父作用域获取属性和方法。一些指令，如`ng-repeat`、`ng-include`、`ng-switch`、`ng-view`和`ng-controller`，会创建新的子作用域。比如，当使用`ng-controller`指令时，会为...
详解angular中的作用域及继承 Angular中的作用域（Scope）是AngularJS框架中的一种核心机制，它负责管理和维护应用程序中的数据状态，并提供了数据绑定和事件监听机制。Angular中的作用域是基于JavaScript的原型链...
AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。 如何使用 Scope 当你在 AngularJS...
如果两个基类中有同名的成员，可以通过作用域解析运算符`::`来明确指定要访问哪个基类的成员。例如： ```cpp void DerivedClass::function() { BaseClass1::function(); // 调用BaseClass1中的function BaseClass...
在AngularJS中，子级作用域是一个非常关键的概念，它涉及到数据绑定和作用域的继承。AngularJS的内置指令如ng-include、ng-view、ng-switch、ng-repeat都会创建新的子作用域，这些子作用域继承自它们的父级作用域。...
在AngularJS中，子作用域会继承父作用域的属性，但具有自己的独立副本，从而避免了属性覆盖的问题。子作用域的数据更改不会影响到父作用域，但子作用域可以访问父作用域的数据。当有多个嵌套作用域时，如果尝试访问...
### 作用域的定义及应用 #### 一、引言 在编程中，作用域是一个非常重要的概念，它定义了变量、函数等标识符在程序中的有效范围。正确理解和运用作用域有助于编写出更加清晰、高效且易于维护的代码。本文将详细...
大家都知道在AngularJS 中作用域是一个指向应用模型的对象，它是表达式的执行环境。作用域有层次结构，这个层次和相应的 DOM 几乎是一样的。作用域能监控表达式和传递事件。 在 HTML 代码中，一旦一个 ng-app 指令被...
// 全局作用域：在script之间或者一个独立的js文件 script之间或者一个独立的js文件里的内容区域，在全局作用域中定义的作用域 全局作用域。 在任何位置都可以访问 // 局部变量：在函数作用域之间里的一个或者...
当`scope`设置为一个空对象时，AngularJS会创建一个与父作用域完全隔离的新作用域，这个新作用域与父作用域之间没有直接的数据关联。这种方式允许指令独立于外部环境工作，不依赖父作用域的数据。此时，我们可以使用...
在AngularJS中，作用域的继承遵循原型链机制。这意味着如果在当前作用域找不到某个变量，会尝试在父作用域中查找，直到找到$rootScope。这种特性使得数据可以在不同的控制器之间共享，但同时也可能导致一些预期之外...
作用域的创建、继承和销毁是构建AngularJS应用的基础。学习作用域的工作机制，包括如何通过$watch和$digest循环进行数据追踪、脏值检查、监视对象属性变化等，对于理解数据在应用中如何流动和更新至关重要。$eval...
总的来说，深入理解AngularJS的作用域机制，包括作用域继承、基本类型与引用类型的区别以及数据模型的管理，是避免踩坑的关键。通过实践和学习，开发者可以更好地掌握Angular的精髓，构建更加稳定和高效的Web应用。