zoukankan      html  css  js  c++  java
  • Angular——作用域

    基本介绍

    应用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>
  • 相关阅读:
    spark streaming 整合kafka(二)
    JAVA设计模式之动态代理
    使用org.apache.commons.cli包来设计JAVA命令行工具
    HTML教程
    Java InputStream和Reader
    Java IO
    程序员怎么把自己的招牌打出去?
    Java设计模式之单例模式
    JAVA NIO
    Java文件流字节流和字符流的区别
  • 原文地址:https://www.cnblogs.com/wuqiuxue/p/8412995.html
Copyright © 2011-2022 走看看