基本介绍
应用App是无法嵌套的,但是controller是可以嵌套的,每个controller都会对应一个模型(model)也就是$scope对象,不同层级的controller下的$scope遍产生了作用域
基本使用
根作用域:作用范围是整个应用(ng-app所在标签中)都是可以被访问的,使用的时候可以借助ng-init创建属性
子作用域:存在于controller中,嵌套中在其他controller中的controller可以访问,上层的属性
<!DOCTYPE html> <html lang="en" ng-app="App" ng-init="name=‘祖宗‘"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../libs/angular.min.js"></script> </head> <body> <div ng-controller="ParentController"> <div ng-controller="ChildController"> <span>{{name}}</span> </div> </div> <script> var App = angular.module(‘App‘, []); App.controller(‘ParentController‘, [‘$scope‘, function ($scope) { // $scope.name = ‘父母‘; }]); App.controller(‘ChildController‘, [‘$scope‘, function ($scope) { // $scope.name = ‘儿子‘; }]); // ng-init="name=‘祖宗‘"==》相当于创建了一个全局变量 $scope.name=‘祖宗‘ // 子作用域可以访问父作用域 </script> </body> </html>