今天刚学了点关于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. Vue-router的基本使用

    Vue-router的基本使用 相关Html: <!DOCTYPE html> <html lang="en"> <head> <meta ...

  2. docker “no space left on device”问题定位解决

    在paas环境上使用docker加载镜像的时候出现了如下问题 第一反应应该是存储镜像的路径磁盘满了 docker info查看docker的根路径,可以看到为/opt/docker: 查看/opt/d ...

  3. Redis高可用升级

    前言: 缓存对应实时性要求比较高的业务需求可谓十分重要,但缓存中的实时数据一旦丢失,将直接影响整个业务功能.考虑到各场景的业务需求,redis推出了高可用的方案,即:主从+哨兵的HA机制. 准备 &q ...

  4. Python第三方库____jieba

    jieba是优秀的中文分词第三方库 中文文本需要通过分词获得单个词语 jieba是优秀的中文分词第三方库,需要额外安装  (pip install jieba) jieba库提供三种分词模式,最简单只 ...

  5. 钉钉微应用接入钉钉免登陆配置记录。NET实现

    在这里记录一下我配置的钉钉接入微应用遇到的坑.搞了我几天天才调通.头皮发麻,现在梳理一下,以免别人也入坑. 1.钉钉接入主要要获取钉钉企业员工的ID,然后去自己的应用的数据库里进行匹配然后实现免登陆的 ...

  6. JavaScript学习笔记系列1:JavaScript的是什么？

    一.JS是什么? JavaScript作为Netscape Navigator浏览器的一部分首次出现在1996年.它最初的设计目标是改善网页的用户体验. 作者:Brendan Eich 期初JavaS ...

  7. eclipse配置tomcat Mac平台

    1.到 apache官方主页 http://tomcat.apache.org 下载 Mac 版本的完整 tar.gz文件包.解压拷贝到 /Library 目录下,并命名为Tomcat,其他目录也可以 ...

  8. 浅谈equals和==

    在java中equals和==都是用来作比较的,可是你知道他们之间有什么区别和联系吗? 首先,在Object类中,本质上equals和==都是一样的,如果查看源码,你会发现这里面equals的内部实现 ...

  9. JSP学习笔记（3）-JSP内置对象

    有些对象不用声明就可以在JSP页面的Java程序片和表达式部分使用,这些对象就是JSP的内置对象.  JSP常用的内置对象有request,response,session,application,o ...

  10. 动态We API（ABP官方文档翻译）

    动态Web API层 创建动态Web API控制器 ForAll方法 重写ForAll ForMethods Http动词 WithVerb方法 HTTP特性 命名约定 API管理器 RemoteSe ...