今天刚学了点关于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. sql_auoload_regiester() 解释（转载）

    在了解这个函数之前先来看另一个函数:__autoload. 一.__autoload 这是一个自动加载函数,在PHP5中,当我们实例化一个未定义的类时,就会触发此函数.看下面例子: 运行index.P ...

  2. win10系统自带的浏览器ME如何将网页转成PDF

    不多说,直接上干货! 很多用户都已经开始玩上win10了,补充玩玩一些技巧,当作小灶. 不多废话,在windows 10网页是可以保存为pdf格式.具体如下: 欢迎大家,加入我的微信公众号:大数据躺过 ...

  3. Names and Identifiers

    JLS:https://docs.oracle.com/javase/specs/jls/se7/html/jls-6.html#jls-6.2 Not all identifiers in a pr ...

  4. rails 5.2 启动警告 warning: previous definition of VERSION was here和bootsnap

    bootsnap依赖问题 You should add gem 'bootsnap' to your gemfile to install it or remove the line require ...

  5. Linux内存信息查看——free命令

    free 命令可以显示系统已用和空闲的内存情况.包括物理内存.交互区内存(swap)和内核缓冲区内存(buffer).共享内存将被忽略.在Linux系统监控的工具中,free命令是最经常使用的命令之一 ...

  6. 开发小技巧1——Logger

    开发小技巧1——Logger 在项目中加入静态Logger类,用于捕获并记录程序的进度.错误信息:   public static class Logger { public static void ...

  7. .net mvc Razor 三元运算判断赋值 ?:

    预期效果: 当Model中的Age数字列值为0时,不显示该值. <input type="text" class="form-control onlyPositiv ...

  8. mysql中Access denied for user 'root'@'localhost' (using password:YES)错误

    此错误主要是由于你的系统曾经装过MYSQL,在重装就会要求输入原来设定的密码    由于输入错误导致    解决办法见 上一篇博客   MYSQL安装时解决要输入current root passwo ...

  9. [转] 如何选择正确的Hadoop版本

    Gartner:如何选择正确的Hadoop版本 这份报告的全名是<How to Choose the Right Apache Hadoop Distribution>.主要介绍了企业如何 ...

  10. Jsp&Servlet入门级项目全程实录第4讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.添加搜索.添加.修改.删除按钮 <div id="tb"> <div> ...