随笔分类 - JS -- angular.js
摘要：1. 理解$formatters和$parsers方法 angular的双向绑定可以实现view和model中的值自动同步，但有时候我们不想让用户输入的(view值)和发送给后台的(model值)并不一样，这时候我们需要额外做些‘手脚’。 先看下面的例子 http://plnkr.co/edit/U
阅读全文
摘要：Demo1 初始化 Demo2 使用controller和templateUrl属性 项目代码：https://git.oschina.net/finley/angular-ui-router-demo/ 参考：https://github.com/angular-ui/ui-router/wiki
阅读全文
摘要：带缓存处理的两种写法 过程:点击button触发load()方法，请求数据成后显示到页面中。如果已经请求过则从缓存中读取。 在线浏览 写法1： 写法2： 感觉第二种写法好些，注意细节。 写法3 利用闭包缓存结果
阅读全文
摘要：默认false。这个属性用来绑定scope的属性直接赋给controller。可以为true或者和scope相同格式的对象。 此外使用此属性，要设置controller的别名，通常通过"controllerAs"来设置。 如果一个directive里同时使用了bindToController和sco
阅读全文
摘要：$observe 是Attribute对象的一个方法，用来监听DOM中属性值的变化。比如 attr1="{{name}}" Attribute定义在directive中的link函数的第三个参数上。所以$observe只能用在directive中。 可以看到它的回调函数只有一个参数，就是新值。 总结
阅读全文
摘要：官方文档 $watch简单使用 $watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。 $watch(watchExpression, listener, objectEquality); 每个参数的说明如下： watchExpression：监听的对象，它可以是一
阅读全文
摘要：节选官方文档： 原文：https://docs.angularjs.org/guide/scope scope是附加在DOM上，使用了ng-app指令的DOM就是root scope。一般是<html ng-app="app">或body元素 如果要查看某个DOM附加的scope信息，可以按下面的步
阅读全文
摘要：近段时间在研究Angular中的directive用法，打算写个系列。以官方文档为主。并参考诸多教程。加上自己的思考。 基本概念及用法 scope属性的使用。 &， <， =， @ 符号的区别 codepen资源
阅读全文
摘要：文章是转的，我做下补充。原文地址：https://segmentfault.com/a/1190000002773689 每当一个指令被创建的时候，都会有这样一个选择，是继承自己的父作用域（一般是外部的Controller提供的作用域或者根作用域（$rootScope）），还是创建一个新的自己的作用
阅读全文
摘要：有个需求，想实现一个html组件，传入不同的typeId，渲染出不同的表单元素。 如当属性type的值为1，输出input元素，type=2输出textarea 也就是说我们要在directive中根据属性获得不同的template。 刚开始我的设想是利用 templateUrl 可以接收一个方法：
阅读全文
摘要：ng-include 可以引入外部的文件到当前视图中。这样可以增强复用性。 最简单的用法 <div ng-include src="'/public/template/tpl.html'"></div> 这样直接把tpl.html加载当前视图中了。 我们还可以使用如下定义个模板。id是模板名。如这里
阅读全文
摘要：强烈建议通读官方wiki文档，里面包含了FAQ，最佳实践，深入理解最核心的Directive及Scope等文章， 基础 1. 使用ng-repeat指令，为防止重复值发生的错误。加上track by $index。 2. 把控制器中与视图无关的逻辑都移到"服务(service)"中 3. 尽量要少操
阅读全文
摘要：解释：http://stackoverflow.com/questions/15421502/is-there-any-good-example-of-use-cases-for-angular-identity看ng文档有个奇怪的方法angular.identity。好像就是你传什么就返回什么。官...
阅读全文
摘要：原文地址：http://blog.csdn.net/dm_vincent/article/details/38705099$apply()和$digest()在AngularJS中是两个核心概念，但是有时候它们又让人困惑。而为了了解AngularJS的工作方式，首先需要了解$apply()和$dig...
阅读全文
摘要：参考： https://docs.angularjs.org/api/ng/service/$compile http://www.zouyesheng.com/angular.html Directive (指令)，是Angular最为强大和复杂的部分。directive可以扩展丰富html的行为
阅读全文
摘要：用于理解$q服务参考：http://www.zouyesheng.com/angular.html#toc39广义回调管理和其它框架一样， ng 提供了广义的异步回调管理的机制。$http服务是在其之上封装出来的。这个机制就是 ng 的$q服务。不过 ng 的这套机制总的来说实现得比较简单，按官方的...
阅读全文
摘要：$http是ng内置的一个服务。是简单的封装了浏览器原生的XMLHttpRequest对象。 写法1 实际上$http方法返回一个promise对象，这样可以方便的进行链式调用。 于是我们可以这样 var promise = $http({ method: "GET", url: 'data.jso
阅读全文
浙公网安备 33010602011771号