zoukankan      html  css  js  c++  java
  • ionic准备之angular基础——继承(3)

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body ng-app="myApp">
        <div ng-controller="firstController">
            {{name}}
            {{nickName}}
    
            <!--继承上面的-->
            <div ng-controller="threeContrller">
                {{name}}
                {{nickName}}
            </div>
        </div>
        <div ng-controller="secondController">
            {{sex}}
            {{nickName}}
        </div>
    
    <script src="angular/angular.js"></script>
    <script type="text/javascript">
        angular.module("myApp",[])
    
        .controller("firstController",['$scope',function($s){   /*依赖注入中的代码的压缩*/
            $s.name="张三";
        }])
    
    
        .controller("secondController",function($scope,$rootScope){ /*$rootScope一个全局变量,作用于在任何控制器之上*/
            $scope.sex="男";
            $rootScope.nickName="刘德华";  /*挂载在$rootScope中的nickName是在全局作用域中,可以在任何控制器内使用*/
        })
    
        .controller("threeContrller",['$scope',function($scope){
            $scope.name='03controller';       /*这个控制器在firstController内部,继承与firstController,挂载在$scope中的name会覆盖掉父级的name*/
        }])
    
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    P2679 子串
    线段树优化建边
    P2444 [POI2000]病毒
    P3966 [TJOI2013]单词
    4327: JSOI2012 玄武密码
    UVA1449 Dominating Patterns
    P1250 种树
    P2255 [USACO14JAN]记录奥林比克
    SP283 NAPTIME
    P3436 [POI2006]PRO-Professor Szu
  • 原文地址:https://www.cnblogs.com/tanxu/p/5315496.html
Copyright © 2011-2022 走看看