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>
原文地址:https://www.cnblogs.com/qiaocanpeng/p/7082705.html