• Angular-学习。


     今天刚学了点关于Angular的知识,就迫不及待的想跟大家来分享。

    1.angular.extend ( )方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中。

    <script type="text/javascript">
        var json = {
            name:"jack",
            age:20,
        };
        var json1 = {
            sex:'men'
        }
        var c = angular.extend(json,json1);
        console.log(c)
    </script>

     2.angular.bootstrap ( )手动注册ng-app,寻找ng-app,没有就可以使用angular.bootstrap手动注册,可以使用这个分段加载模块,用的相对少,作为了解

    <body>
        <div ng-app="myApp" ng-init=" text='hello'">
            {{text}}
            <div ng-controller="myCtrl">
                {{text}}
                <div ng-controller="myCtrl2">
                    {{text}}
                </div>
            </div>
            <div  ng-controller="myCtrl3">
                {{text}}
            </div>
        </div>
    
    <script src="js/angular.js"></script>
    <script>
        //1. ngController只能放在ngApp中使用
        // 2. 会有多个controller一起使用,controller的使用采用就近原则来使用controller
        //3. $scope会有一个类似继承的关系,每一个主模块的页面中都会有一个$roorScope(主作用域),所有的控制器都会创建自己的scope(子作用域)
        // 4. $scope中没有的变量会去上一级scope寻找直到$rootScope终止
        var app=angular.module('myApp',[]);
        app.controller('myCtrl',function ($scope) {
           $scope.text='hellomyCtrl'
        });
        app.controller('myCtrl2',function ($scope) {
            $scope.text='hellomyCtrl2 嵌套'
        })
        app.controller('myCtrl3',function ($scope) {
    
        })
    </script>
    </body>

    1.控制器可以嵌套
    2.控制器可以多个
    3.控制器就近原则
    每一个主模块中都会有$rootscope;
    所有的控制器都会创建自己的$scope(作用域);
    $scope有继承的关系,会继承上一级($rootscope),就是$scope中没有的变量会去上一级寻找,直到$rootscope终止
    没有使用控制器的时候,有个$rootscope,根的作用域,(如果$rootstrap中有内容,则可以去继承)

    <body>
        <div ng-app="myApp" ng-init=" text='hello'">
            {{text}}
            <div ng-controller="myCtrl">
                {{text}}
                <div ng-controller="myCtrl2">
                    {{text}}
                </div>
            </div>
            <div  ng-controller="myCtrl3">
                {{text}}
            </div>
        </div>
    
    <script src="js/angular.js"></script>
    <script>
        //1. ngController只能放在ngApp中使用
        // 2. 会有多个controller一起使用,controller的使用采用就近原则来使用controller
        //3. $scope会有一个类似继承的关系,每一个主模块的页面中都会有一个$roorScope(主作用域),所有的控制器都会创建自己的scope(子作用域)
        // 4. $scope中没有的变量会去上一级scope寻找直到$rootScope终止
        var app=angular.module('myApp',[]);
        app.controller('myCtrl',function ($scope) {
           $scope.text='hellomyCtrl'
        });
        app.controller('myCtrl2',function ($scope) {
            $scope.text='hellomyCtrl2 嵌套'
        })
        app.controller('myCtrl3',function ($scope) {
    
        })
    </script>
    </body>
  • 相关阅读:
    821. 字符的最短距离
    1122. 数组的相对排序
    258. 各位相加
    C++常见问题之二#define使用中的陷阱
    python进阶二_基本数据类型与操作
    DirectX10一变换(三)
    Android中编译工具链的改动----LLVM份量的增加
    DirectX10一矩阵代数(二)
    DirectX10一向量代数(一)
    基于asp.net + easyui框架,一步步学习easyui-datagrid——实现添加、编辑、删除(三)
  • 原文地址:https://www.cnblogs.com/qiaocanpeng/p/7082705.html
Copyright © 2020-2023  润新知