zoukankan      html  css  js  c++  java
  • [AngularJS] Javascript scope and AngularJS $scope

    Scope resolution of our Angular documents works exactly the same way scope resolution works in plain, old Javascript. The only difference here is that what actually matters about scope inheritance is the structure of our dom.

    If the child controller doesn't have, will find in $rootScope.

    <!DOCTYPE html>
    <html ng-app="app">
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <h1>RootScope</h1>
    {{posts | json}}
    <div ng-controller="FirstController">
        <h1>FirstController</h1>
        {{posts | json}}
    </div>
    
    <div ng-controller="SecondController">
        <h1>SecondController</h1>
        {{posts |  json}}
    </div>
    <div ng-controller="FirstController">
        <h1>Second as innercontroller (first contains second)</h1>
        <div ng-controller="SecondController">
            {{posts |  json}}
        </div>
    </div>
    
    <div ng-controller="SecondController">
        <h1>First as innercontroller (second contains first)</h1>
        <div ng-controller="FirstController">
            {{posts |  json}}
        </div>
    </div>
    
    <div ng-controller="FirstController">
        <div ng-controller="SecondController">
            <h1>First & Second don't have</h1>
            {{youdonthave}}
        </div>
    </div>
    
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="./app.js"></script>
    </body>
    </html>
    /**
     * Created by Answer1215 on 1/2/2015.
     */
    angular.module('app', [])
        .run(function($rootScope) {
            $rootScope.posts = [7,8,9];
            $rootScope.youdonthave = "All child don't have";
        })
        .controller('FirstController', function($scope) {
            $scope.posts = [1,2,3];
        })
        .controller('SecondController', function($scope) {
            $scope.posts = [4,5,6];
        })

  • 相关阅读:
    MySQL关键性能监控(QPS/TPS)
    Python小技巧
    Redis高可用演进(一)
    防范XSS攻击
    java引用知识
    ehcache同步原理
    ehcache监控
    SecureCRT使用技巧
    JUC整理笔记五之梳理Varhandle(下)
    JUC整理笔记四之梳理VarHandle(上)
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4199079.html
Copyright © 2011-2022 走看看