今天刚学了点关于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. Unable to handle kernel NULL pointer dereference at virtual address 00000000问题的解决

    今天在编译好内核模块后,安装内核模块memdev.ko的时候,出现了Unable to handle kernel NULL pointer dereference at virtual addres ...

  2. Django的配置文件(settings.py)

    初始项目的配置文件 新建项目默认settings.py的内容的 """ Django settings for ORM project. Generated by 'dj ...

  3. Nginx的几个常用配置和技巧

    文章列举了几个Nginx常见的,实用的,有趣的配置,希望看过之后能说一句:学到了! 一个站点配置多个域名 server { listen 80; server_name ops-coffee.cn b ...

  4. tomcat启动(二)org.apache.catalina.startup.Bootstrap分析

    /** * Bootstrap loader for Catalina. This application constructs a class loader * for use in loading ...

  5. tar 命令压缩时报错 tar: Removing leading `/' from member names

    在使用tar命令进行压缩打包的时候我们常常会遇到下面的错误.虽然它不会影响我们最后的压缩打包,但是间接说明了我们的命令是有问题的.接下来我们来看看解决的方法. 报错内容: [root@haha ~]# ...

  6. HTTPS 接入优化建议

      随着网络安全的普及成为共识,部署SSL证书完成HTTPS加密的站点 也随之增多.HTTPS加密能够带来的对身份验证及信息加密等诸多好处,不过想要HTTPS协议发挥更加完美的作用也需要开发者在相应环 ...

  7. 存储树形的数据表转为Json

    /// <summary> /// 根据DataTable生成Json树结构 /// </summary> /// <param name="tabel&quo ...

  8. JavaScript 函数全局变量定义

    在 JavaScript 中, 作用域 影响着变量的作用范围.在函数外定义的变量具有 全局 作用域.这意味着,具有全局作用域的变量可以在代码的任何地方被调用. 没有使用var关键字定义的变量,会被自动 ...

  9. 解决vuejs应用在nginx非根目录下部署时访问404的问题

    以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs-admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下: 1.修 ...

  10. plupload如何删除一条数据

    FilesRemoved用了发现不成功,删除图片这么重要怎能如此 看到老外提的另一个问题发现这个问题解决办法,特此备注以供不会的童鞋参考 uploader.bind('FilesAdded', fun ...