Angular——作用域

最新推荐文章于 2024-07-08 16:22:29 发布

weixin_30537391

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量82

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wuqiuxue/p/8412995.html

版权

基本介绍

应用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>

转载于:https://www.cnblogs.com/wuqiuxue/p/8412995.html

weixin_30537391

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angular——作用域

基本介绍应用App是无法嵌套的，但是controller是可以嵌套的，每个controller都会对应一个模型（model）也就是$scope对象，不同层级的controller下的$scope遍产生了作用域基本使用根作用域：作用范围是整个应用（ng-app所在标签中）都是可以被访问的，使用的时候可以借助ng-init创建属性子作用域：存在于controller中，嵌套中在其他co...
复制链接

扫一扫