1、controller 只要在一个地方引用就可以了,路由的时候不用指定controller了,在HTML中指定就可以了,否则会初始化两次

2、angular 模块间的服务无层级关系,相互可见。本质是angularjs将所有模块中的所有服务混入了应用级别的单一命名空间里,顒,对应的每个名字只存在唯一的服务。我们利用这点可以在依赖某模块的同事去覆盖此模块提供的服务。
    父模块中的服务会覆盖子模块中同名的服务。
3、可以将自定义的东西新建一个模块,依赖ng 然后 在需要使用的地方依赖此模块就可以了
4、controller之间通信是通过事件冒泡$emit 及广播$boradcast 来传递
5、更改默认 取值
    myMod.config(function($interpolateProvider){
        $interpolateProvider.startSymbol(‘[[’);
        $interpolateProvider.endSymbol(‘]]’);
})
6、创建自定义provider后在使用时要加上Provider后缀
7、form 
    任意元素上(form元素好像不好使)通过ng-form="formname" 指定一个form
    在此元素内的input元素通过指定name属性就可以在绑定到form作用域上
    
    表单验证,最常使用 ng-minlength,mg-maxlength,ng-pattern="/^\d?$/"
    表单及单个验证元素上都有 $valid,$invalid,$pristine,$dirty
  select标签 pattern无效,只要选择了option就是验证通过的
        ng-show="userForm.lastName.$invalid"
8 、ui-router
9、angular 执行 表达式
    $scope.$eval 在某个作用域下执行,可以用来解析属性为对象 scope.$eval(attrs.myDateTime); //"{link:'#dpt'}"
    $parse 解析表达式
10、获取自定义指令的内容
    attrs.指令名称
11、ui-router 跳转带参数的url
.state('/search', { //搜索
url: '/search?query',
。。。
$state.go('/search',{query:$scope.searchfield});
12、变量过大,影响性能,比如图片数据
13、chrome中border-top-style solid,否则感觉有黑色边框
14、异步、动态 注册服务 $provide 配置阶段注入,通过$injector 在运行阶段取出或者直接注入
15、自定义指令模板里包含自定义指令? 动态编译指令 http://blog.csdn.net/yy374864125/article/details/39289019
    element.append($compile(html.join(' '))(scope));
16、通过使用this 进行二次表达式计算
17、angular.injector,$injector.invoke 执行注入,$controller 获取controller对象进行执行
  1. angular.bootstrap(document, ['app']);
  2. if (window.__karma__) { //单元测试
  3. angular.module('app').provider({
  4. $rootElement: function () { //在获取$location 之前必须要有$rootElement
  5. this.$get = function () {
  6. return angular.element('<div ng-app></div>');
  7. };
  8. }
  9. });
  10. window.my$injector = angular.injector(['app']); //必须在bootstrap之后才能获取injector
  11. }

  1. my$injector.invoke(function (_$controller_, _$rootScope_, _$myhttp_, _$location_) {
  2. $controller = _$controller_;
  3. $rootScope = _$rootScope_;
  4. $myhttp = _$myhttp_;
  5. $location = _$location_;
  6. });
  1. var $scope = $rootScope.$new();
  2. $controller('logqryController', {$scope: $scope, $myhttp: $myhttp, $location: $location});
  3. expect($scope.tabPage).toBe('/public/views/logqry_sub.html');

18、将angular 中scope与dom元素一一对应起来
  1. scope = angular.element($0).scope();
  2. scope.$id; // "003"
  3. function getScope(id) {
  4. var elem;
  5. $('.ng-scope').each(function () {
  6. var s = angular.element(this).scope(),
  7. sid = s.$id;
  8. if (sid == id) {
  9. elem = this;
  10. return false; // stop looking at the rest
  11. }
  12. });
  13. return elem;
  14. }
来自为知笔记
http://www.zhihu.com/question/36040694/answer/65892270?utm_campaign=webshare&utm_source=weibo&utm_medium=zhihu
 

angular 琐碎的更多相关文章

  1. 前端开发环境搭建 Grunt Bower、Requirejs 、 Angular

    现在web开发的趋势是前后端分离.前端采用某些js框架,后端采用某些语言提供restful API,两者以json格式进行数据交互. 如果后端采用node.js,则前后端可以使用同一种语言,共享某些可 ...

  2. Angular 2.0 从0到1:Rx--隐藏在Angular 2.x中利剑

    第一节:Angular 2.0 从0到1 (一)第二节:Angular 2.0 从0到1 (二)第三节:Angular 2.0 从0到1 (三)第四节:Angular 2.0 从0到1 (四)第五节: ...

  3. 用angular来思考问题How do I “think in AngularJS” if I have a jQuery background?

    [翻译]How do I “think in AngularJS” if I have a jQuery background? 1. 不要先设计页面,然后再使用DOM操作来改变它的展现 在jQuer ...

  4. 转:Backbone与Angular的比较

    原文来自于:http://www.infoq.com/cn/articles/backbone-vs-angular 将不同的思想和工具进行对比,是一种更好地理解它们的方式.在本文中,我首先将列举在创 ...

  5. 作为前端,我为什么选择 Angular 2?

    转自:https://sanwen8.cn/p/2226GkX.html 没有选择是痛苦的,有太多的选择却更加痛苦.而后者正是目前前端领域的真实写照.新的框架层出不穷:它难吗?它写得快吗?可维护性怎样 ...

  6. angular组件层次与军事指挥层级职责的联系

    又继续读angular文档,发现自己之前理解还是有误.按官方文档的思路service不是属于component的,是属于module的.module才是负责完整领域逻辑的单位.demo的英雄编辑器给我 ...

  7. 我为什么选择ANGULAR 2?

    没有选择是痛苦的,有太多的选择却更加痛苦.而后者正是目前前端领域的真实写照.新的框架层出不穷: 它难吗?它写得快吗?可维护性怎样?运行性能如何?社区如何?前景怎样?好就业吗?好招人吗?组建团队容易吗? ...

  8. 为什么选择Angular 2?

    没有选择是痛苦的,有太多的选择却更加痛苦.而后者正是目前前端领域的真实写照.新的框架层出不穷:它难吗?它写得快吗?可维护性怎样?运行性能如何?社区如何?前景怎样?好就业吗?好招人吗?组建团队容易吗? ...

  9. Angular杂谈系列1-如何在Angular2中使用jQuery及其插件

    jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...

随机推荐

  1. 【BLE】CC2541之自己定义长短按键

    本篇博文最后改动时间:2017年01月06日,11:06. 一.简单介绍 本文以SimpleBLEPeripheral为例,介绍怎样将普通IO口(P12)自己定义为长短按键,实现按键3S以内松开为短按 ...

  2. Memento - 备忘录模式

    定义 在不破坏封装性的前提下,捕获一个对象的内部状态,并在该对象之外保存这个状态.这样以后就可将该对象恢复到原先保存的状态. 案例 比方如今有一个画图系统,我们在Viewer里面画了一些图形,可是在绘 ...

  3. iOS动画案例(1) 仿qq账号信息里的一个动画

       受人所托,模仿qq账号信息里的一个动画,感觉挺有意思,也没感觉有多难,就开始做了,结果才发现学的数学知识都还给体育老师了,研究了大半天才做出来.    先看一下动画效果:   用到的知识点: ( ...

  4. @Override用在哪儿

            帮朋友改一段代码,看到好多红叉都是指向@Override.         是这样,他代码里写了一个接口.方法都用抽象函数声明在接口类里.然后在继承自这个接口的实现类里写详细方法的空壳 ...

  5. 【bzoj2282】[Sdoi2011]消防

    两次bfs可得直径,答案一定不会小于所有点到直径的距离最大值,只要把直径上的边权设为0,任选直径上一点bfs可得将最大值作为二分下界,二分直径左右端点的舍弃部分 #include<algorit ...

  6. C# WINFORM 窗体执行ORACLE存储过程 进行增删改查 自己编写借助网络(二)

    窗体界面: 下面是项目二的代码 本代码我是留着备份学习的 以供参考: 存储过程: 存储过程: 插入数据:CREATE OR REPLACE Procedure p_insert_t_cls --存储过 ...

  7. 【POJ 1470】 Closest Common Ancestors

    [题目链接] 点击打开链接 [算法] 离线tarjan求最近公共祖先 [代码] #include <algorithm> #include <bitset> #include ...

  8. bzoj3295 洛谷P3157、1393 动态逆序对——树套树

    题目:bzoj3295 https://www.lydsy.com/JudgeOnline/problem.php?id=3295 洛谷 P3157(同一道题) https://www.luogu.o ...

  9. MySQL权限及登陆、退出方法

    用户权限列表 SELECT 查询权限 INSERT 插入权限 UPDATE 更新权限 DELETE 删除权限(用于删除数据) CREATE 创建权限 DROP 删除权限(用户删除文件) RELOAD ...

  10. QRCoder生成二维码

    现在二维码支付越来越流行,二维码使用的地方越来越多,项目中也需要一个二维码生成工具,QRCoder是一个简单的生成二维码的库,用C#.NET编写,他是开源的MIT-license. 二维码简介 二维条 ...