今天刚学了点关于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>

Angular-学习。的更多相关文章

  1. angular学习资源

    angular学习资源   angularjs库: https://developers.google.com/speed/libraries/devguide?hl=zh-CN#angularjs ...

  2. angular学习一框架结构认识

    angular学习所有内容均会与vue以及react框架进行对比. angular学习使用的编译器:webstorm 解决编译器屏蔽node_modules包问题: File-->setting ...

  3. angular学习笔记(三十一)-$location(2)

    之前已经介绍了$location服务的基本用法:angular学习笔记(三十一)-$location(1). 这篇是上一篇的进阶,介绍$location的配置,兼容各版本浏览器,等. *注意,这里介绍 ...

  4. angular学习笔记(三十一)-$location(1)

    本篇介绍angular中的$location服务的基本用法,下一篇介绍它的复杂的用法. $location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录. 一. 获取url的 ...

  5. angular学习笔记(三十)-指令(10)-require和controller

    本篇介绍指令的最后两个属性,require和controller 当一个指令需要和父元素指令进行通信的时候,它们就会用到这两个属性,什么意思还是要看栗子: html: <outer‐direct ...

  6. angular学习笔记(三十)-指令(7)-compile和link(2)

    继续上一篇:angular学习笔记(三十)-指令(7)-compile和link(1) 上一篇讲了compile函数的基本概念,接下来详细讲解compile和link的执行顺序. 看一段三个指令嵌套的 ...

  7. angular学习笔记(三十)-指令(7)-compile和link(1)

    这篇主要讲解指令中的compile,以及它和link的微妙的关系. link函数在之前已经讲过了,而compile函数,它和link函数是不能共存的,如果定义了compile属性又定义link属性,那 ...

  8. angular学习笔记(三十)-指令(6)-transclude()方法(又称linker()方法)-模拟ng-repeat指令

    在angular学习笔记(三十)-指令(4)-transclude文章的末尾提到了,如果在指令中需要反复使用被嵌套的那一坨,需要使用transclude()方法. 在angular学习笔记(三十)-指 ...

  9. angular学习笔记(三十)-指令(5)-link

    这篇主要介绍angular指令中的link属性: link:function(scope,iEle,iAttrs,ctrl,linker){ .... } link属性值为一个函数,这个函数有五个参数 ...

  10. angular学习笔记(三十)-指令(2)-restrice,replace,template

    本篇主要讲解指令中的 restrict属性, replace属性, template属性 这三个属性 一. restrict: 字符串.定义指令在视图中的使用方式,一共有四种使用方式: 1. 元素: ...

随机推荐

  1. C# 通过IEnumberable接口和IEnumerator接口实现泛型和非泛型自定义集合类型foreach功能

    IEnumerator和IEnumerable的作用 其实IEnumerator和IEnumerable的作用很简单,就是让除数组和集合之外的类型也能支持foreach循环,至于foreach循环,如 ...

  2. SpringMVC+AJAX+JSON

    在做一个ajax发送json到springmvc的控制层,控制层的对象中有一个List集合,ajax调用总是报415错误.发现了一个一直没有注意到的问题,借机记录一下. (细节部分都忽略了,在最后的d ...

  3. PullToRefreshListView 进入界面不能立即显示刷新控件的bug 解决方案

    1.首先定位到PullToRefreshListView.java这个文件 2.找到onRefreshing(final boolean doScroll)方法 @Override protected ...

  4. Android 开发工具类 12_PullXmlTools

    xml 格式数据 <?xml version="1.0" encoding="UTF-8"?> <user-list> <user ...

  5. HUE配置文件hue.ini 的yarn_clusters模块详解（图文详解）（分HA集群和非HA集群）

    不多说,直接上干货! 我的集群机器情况是 bigdatamaster(192.168.80.10).bigdataslave1(192.168.80.11)和bigdataslave2(192.168 ...

  6. java的if语句，少于一行可以省略大括号

    我们认识的 if 语句,大概是这样的: if(条件){ 语句1; }else{ 语句2; } 如果要执行的语句少于1行,大括号是可以省略的 可以让程序更简洁和美观 if(条件){ 语句1; 语句2; ...

  7. redis实战笔记（10）-第10章 扩展Redis

    本章主要内容   扩展读性能 扩展写性能以及内存容量 扩展复杂的查询   随着Redis的使用越来越多, 只使用一台Redis服务器没办法存储所有数据或者没办法处理所有读写请求的问题迟早都会出现, 这 ...

  8. [uva] 1671 History of Languages

    题目描述 输入两个DFA,判断是否等价. https://uva.onlinejudge.org/external/16/1671.pdf 输入 第一行T 可以接受的字母表 第二行N 状态数 接下去N ...

  9. Kaggle（一）：房价预测

    Kaggle(一) 房价预测 (随机森林.岭回归.集成学习)  项目介绍:通过79个解释变量描述爱荷华州艾姆斯的住宅的各个方面,然后通过这些变量训练模型, 来预测房价.   kaggle项目链接:ht ...

  10. Node.js函数

    Node.js 函数 在JavaScript中,一个函数可以作为另一个函数的参数.我们可以先定义一个函数,然后传递,也可以在传递参数的地方直接定义函数. Node.js中函数的使用与Javascrip ...