2017年7月17日
AngularJS 工具方法以及AngularJS中使用jQuery
摘要： 1. AngularJS 工具方法，参考angularjs API https://docs.angularjs.org/api官方文档 (1)angular.isArray(value) 判断是否是数组,返回true/false [html] view plain copy <div ng-con 阅读全文
posted @ 2017-07-17 14:34 铭绘 阅读(4252) 评论(0) 推荐(0) 编辑
AngularJS $scope里面的$apply方法和$watch方法
摘要： 1. AngularJS $scope 里面的$apply 方法 (1)$apply 方法作用： Scope 提供$apply 方法传播 Model 的变化 。 (2)$apply 方法使用情景： angularjs 外部的控制器（DOM 事件、外部的回调函数如 jQuery UI 空间等）调用了 阅读全文
posted @ 2017-07-17 14:24 铭绘 阅读(350) 评论(0) 推荐(0) 编辑
AngularJS 模块中的run方法
摘要： AngularJS中的run方法初始化全局数据，只对全局作用域起作用，如$rootScope.多个控制器之间可以共享数据，如下代码所示： [html] <script type="text/javascript"> var m1 = angular.module('myApp',[]); m1.ru 阅读全文
posted @ 2017-07-17 11:57 铭绘 阅读(762) 评论(0) 推荐(0) 编辑
2017年7月13日
AngularJs自定义指令详解（10） - 执行次序
摘要： 代码： 看看控制台： 从控制台可以看出，指令初始化甚至比控制器还早。难道说指令一旦定义，就算不在DOM中使用也会初始化？我们删掉DOM中的 <div d></div><div d></div> 代码，再看控制台，发现指令并不初始化。所以推测不对。 注意我们使用了两次d指令，但是指令的初始化只运行了一 阅读全文
posted @ 2017-07-13 16:07 铭绘 阅读(221) 评论(0) 推荐(0) 编辑
AngularJs自定义指令详解（9） - terminal
摘要： 例子： 以上代码，暂时注释掉terminal:true 输出为： Hello AngularJs! 把//去掉，再看，一片空白，审查元素看看： d2的优先级已经设置得比d1高，从控制台也可以看出d2的链接函数被调用了。 但是 这个东西完全被丢弃了。官方文档的说法是：设置terminal为true的指 阅读全文
posted @ 2017-07-13 16:06 铭绘 阅读(707) 评论(0) 推荐(0) 编辑
AngularJs自定义指令详解（8） - priority
摘要： priority 默认值为0. 当一个元素上声明两个指令，而且它们的priority一样，谁先被调用？这个需要分情况讲。下面先给个例子： 输出： Hello AngularJs World ! 可见ng-init先行一步，把greeting赋值为'Hello '，然后是指令d2的链接函数，最后是d1 阅读全文
posted @ 2017-07-13 16:02 铭绘 阅读(682) 评论(0) 推荐(0) 编辑
AngularJs自定义指令详解（6） - controller、require
摘要： 在前面文章中提到一旦声明了require，则链接函数具有第四个参数：controller。 可见require和controller是配合使用的。 在自定义指令中使用controller，目的往往是要封装一些行为，给其他指令使用。下面是一个简单的例子： 输出： Hello World! 从这个例子可 阅读全文
posted @ 2017-07-13 15:54 铭绘 阅读(1180) 评论(0) 推荐(0) 编辑
AngularJs自定义指令详解（4） - transclude
摘要： transclude默认值为false，如果设置 transclude为true，那么相应地，必须在模板代码中加入ng-transclude指令。 先看个例子： 输出： 大标题 见鬼！小标题全不见了！审查元素看看： 魂淡，全丢没了！ 没办法，出动transclude！看代码： 输出： 大标题 小标题 阅读全文
posted @ 2017-07-13 15:40 铭绘 阅读(320) 评论(0) 推荐(0) 编辑
AngularJs自定义指令详解（3） - scope
摘要： 我们之所以要定义指令，目的是重用指令。假设有这么一个应用场景：在同一个html里使用了两次my-directive，第一个my-directive要展示的是Hello World，第二个my-directive要展示的是Hello AngularJs。 为了实现上面的想法，一个做法是创建两个控制器（ 阅读全文
posted @ 2017-07-13 15:35 铭绘 阅读(269) 评论(0) 推荐(0) 编辑
AngularJs自定义指令详解（2） - template
摘要： 一些用于定义行为的指令，可能不需要使用template参数。 当指定template参数时，其值可以是一个字符串，表示一段HTML文本，也可以是一个函数，这函数接受两个参数：tElement和tAttrs。 前者用的较为普遍，而且也好理解。后者暂不理会。 下面是一个例子，在模板中使用rootScop 阅读全文
posted @ 2017-07-13 15:18 铭绘 阅读(922) 评论(0) 推荐(0) 编辑