01 2017 档案

Angularjs[26] - 自定义指令（2）（templateUrl 属性）
摘要：templateUrl: 加载模板所要使用的 URL。 可以加载当前模板内对应的 text／ng-template script id。 在使用 chrome 浏览器时，“同源策略”会阻止 chorme 从 file:// 中加载模板，并显示一个“ Access-Control-Allow-Orig 阅读全文
posted @ 2017-01-31 20:54 。娴 阅读(2199) 评论(0) 推荐(0)
Angularjs[25] - 自定义指令（1）（restrict, template, replace 属性）
摘要：自定义指令： ⚠️ 不要使用 ng 为指令，若指令名为 xxx-yyy，在设置指令名时应为 xxxYyy 即驼峰命名法。 restrict: 可以任意组合四种风格，如果忽略 restrict，默认为A。 template: 模板内容，这个内容根据 replace 参数设置替换节点或仅替换节点内容。 阅读全文
posted @ 2017-01-31 18:46 。娴 阅读(787) 评论(0) 推荐(0)
Angularjs[24] - 内置节点属性
摘要：ng-style ng-class ng-class-even ng-class-odd ng-show ng-hide ng-switch ng-src ng-href ng-if status: false status: true 阅读全文
posted @ 2017-01-31 12:25 。娴 阅读(142) 评论(0) 推荐(0)
Angularjs[22] - 内置事件指令
摘要：ng-change ng-click ng-dbclick ng-mousedown ng-mouseenter ng-mouseleave ng-mousemove mg-mouseover ng-mouseup ng-submit 阅读全文
posted @ 2017-01-31 11:26 。娴 阅读(232) 评论(0) 推荐(0)
Angularjs[22] - 内置渲染指令
摘要：指令：利用指令来扩展HTML标签，增加声明式语法来实现想做的任何事，可以应用有特殊意义的元素和属性来替换一般的HTML标签。 渲染指令： ng-init：初始化应用时创建一个变量； ng-bind： 使用给定的变量或表达式的值来替换 HTML 元素的内容； ng-repeat： ng-include 阅读全文
posted @ 2017-01-30 22:12 。娴 阅读(997) 评论(0) 推荐(0)
Angularjs[补21] - 显示注入，隐示注入
摘要：隐示注入，在 js 进行压缩时候会出错，因为变量名变短，而依赖注入是基于其服务的名称。 显示注入代码压缩不出错。 阅读全文
posted @ 2017-01-28 22:20 。娴 阅读(150) 评论(0) 推荐(0)
Angularjs[21] - 控制器的合理使用
摘要：正确使用 controller： controller不应该尝试做太多事情，它应当仅仅包含单个视图所需要的业务逻辑。 保持 controller 的简单性，常见方法是抽出那些不属于 controller 的工作到 service 中，在 controller 通过依赖注入来使用这些使用这些 serv 阅读全文
posted @ 2017-01-28 22:09 。娴 阅读(134) 评论(0) 推荐(0)
jQuery[补1] - 事件冒泡和阻止冒泡
摘要：假设网页上有两个元素，其中一个元素嵌套在另一个元素中，并且都被绑定了 click 事件，同时 body 元素上也绑定了 click 事件。 当单击内部 span 元素，会输出三条记录： 该现象就是由事件冒泡引起的。 元素的 click 事件会按照以下顺序冒泡： span div body 其顺序与事 阅读全文
posted @ 2017-01-27 19:49 。娴 阅读(1071) 评论(0) 推荐(0)
Angularjs[15] - 多个控制器实现数据共享
摘要：first.Data: first-message: {{Data.message}} second-message: {{Data.me... 阅读全文
posted @ 2017-01-27 00:23 。娴 阅读(695) 评论(0) 推荐(0)
Angularjs[14] - $provide 中 factory, server 方法
摘要：factory 方法直接把一个函数当成是一个对象的 $get() 方法，返回内容可以是任何类型。 service 方法和 factory 类似，但返回必须为对象。 阅读全文
posted @ 2017-01-27 00:18 。娴 阅读(516) 评论(0) 推荐(0)
Angularjs[13] - 定义服务 $provide 中 provider 方法
摘要：服务本身是一个任意的对象，ng提供的服务过程涉及它的依赖注入机制。 angular 用 $provide 对象来实现自动依赖注入机制，注入机制通过调用一个 provider 的 $get() 方法，把得到的对象作为参数进行相关调用。 $provide.provider() 是一种定义服务的方法，$p 阅读全文
posted @ 2017-01-27 00:12 。娴 阅读(324) 评论(0) 推荐(0)
Angularjs[12] - 模块
摘要：模块是组织业务的一个框，在一个模块中定义多个服务，当引入一个模块的时候，就可以使用这个模块的一种或多种服务。Angular js 本身的一个默认模块叫做ng，它提供了 $http, $scope 等服务。服务只是模块提供的多种机制中的一种，其他的还有指令（directive），过滤器（filter） 阅读全文
posted @ 2017-01-27 00:05 。娴 阅读(155) 评论(0) 推荐(0)
Angularjs[7] - $scrope 中 $watch 方法
摘要：Angular 内部的 watch 实现了页面的 model 的及时更新。 $watch(watchFn, watchAction, deepWatch) - watchFn: angular 表达式或函数字符串； - watchAction(newValue, oldValue, scope): 阅读全文
posted @ 2017-01-26 23:57 。娴 阅读(305) 评论(0) 推荐(0)
Angularjs[5] - 多个控制器（待补充）
摘要：var firstController = function ($scope) { $scope.name = 'Alrale'; $scope.age = '20... 阅读全文
posted @ 2017-01-26 23:40 。娴 阅读(107) 评论(0) 推荐(0)
Angularjs[4] - ngbind
摘要：ng-bind 指令告诉 AngularJS 使用给定的变量或表达式的值来替换 HTML 元素的内容。如果给定的变量或表达式修改了，指定替换的 HTML 元素也会修改。 ng-bind 指令告诉 AngularJS 使用给定的变量或表达式的值来替换 HTML 元素的内容。如果给定的变量或表达式修改了 阅读全文
posted @ 2017-01-26 23:36 。娴 阅读(175) 评论(0) 推荐(0)
Angularjs[3] - 控制器
摘要：$scope：$scope 对象在 AngularJS 中充当数据模型的作用，也就是一般 MVC 框架中 Model 得角色。但又不完全与通常意义上的数据模型一样，因为 $scope 并不处理和操作数据，它只是建立了视图和 HTML 之间的桥梁，让视图和 Controller 之间可以友好的通讯。 阅读全文
posted @ 2017-01-26 23:15 。娴 阅读(119) 评论(0) 推荐(0)
Angularjs[2] - 数据绑定
摘要：ng-app指令：告知 Angular 应当管理界面哪一块； Angular 表达式与 js 表达式区别： - 属性求值：所有属性的求值是对于 scope 的，而 js 是对于 window 对象的; - 宽容：表达式求值，对于 undefined 和 null，Angular 是宽容的，但 js 阅读全文
posted @ 2017-01-26 23:08 。娴 阅读(157) 评论(0) 推荐(0)
Angularjs[1] - 概论（待补充）
摘要：客户端模版：Angular中，模版和数据均会被发送到浏览器中，然后在客户端进行装配。 数据绑定（MVVM）：数据绑定可以自动将 model 和 view 之间数据同步。 依赖注入：Dependency Injection，简称DI，是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（ 阅读全文
posted @ 2017-01-26 23:01 。娴 阅读(111) 评论(0) 推荐(0)