代码改变世界

随笔分类 -  AngularJs

angularjs 过滤器filter

2012-10-31 23:36 by 破狼, 43565 阅读, 收藏, 编辑
摘要: 在前面介绍angularjs已经很多了,中途由于工作和一切生活琐事,暂停了很久。今天在这里将继续angularjs讲解,这节我们来看看angularjs的过滤去filter。 在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化,才能显示给用户。比如时间本地化,或者yyyy-MM-dd HH:mm:ss格式,数字精度格式化,本地化,人名格式化等等。在angularjs中为我们提供了叫filter的指令,让我们能够很轻易就能做到着一些列的功能,angularjs内部为我们提供了number等很多内置的filter。并且我们能够很轻易的自定义自己的领域filter。 如下实例:html:. 阅读全文

angularjs表达式-Expression

2012-09-14 00:28 by 破狼, 25682 阅读, 收藏, 编辑
摘要: 紧接上节谈到再谈angularjs DI(Dependency Injection),在这里介绍关于angularjs的表达式expression。expression指的是javascript的一小片段代码,通常用于绑定(binding)例如:{{ expression }}。在angularjs中是通过$parse service解析。 $parse用法: $parse(expression); 参数:javascript代码片段。 返回值:{function(context, locals)},表达式编译结果: context:嵌入表达式执行的作用于scope。 locals:... 阅读全文

再谈angularjs DI(Dependency Injection)

2012-09-11 19:42 by 破狼, 11438 阅读, 收藏, 编辑
摘要: 在前面已经介绍了关于angularjs,以及扩展了一些jQuery ui的一些组件为angularjs的directive。在这里应进口007 在上篇留言我们来看看在angularjs中的DI特性。 DI:依赖注入,是一种软件设计模式,应DIP依赖倒置原则,描述组件之间高层组件不应该依赖于底层组件。依赖倒置是指实现和接口倒置,采用自顶向下的方式关注所需的底层组件接口,而不是其实现。其应用框架则为IOC,在.net中有很多我们熟悉的IOC框架,如Unity,Castle windsor,Ninject,Autofact等等,其常常分为构造注入,函数注入,属性注。同时在IOC和Service L. 阅读全文

AngularJS Slider指令(directive)扩展

2012-09-05 23:01 by 破狼, 7437 阅读, 收藏, 编辑
摘要: 继上一篇基于jQuery UI Autocomplete的AngularJS 指令(directive)扩展,在这里发布一个AngularJS的Slider扩展。如果你还不了解AngularJS话的情参见AngularJs - Javascript MVC 框架,Angular-Bootstrap和Compiler以及Google-AngularJS官方文档. 下面直接看代码演示吧,借助我们强大的jsfiddle:链接地址http://jsfiddle.net/whitewolf/vNfsm/20/embedded 这里借助于jsfiddle可能加载速度有点慢,请耐心等待。同时有什么问题请.. 阅读全文

基于jQuery UI Autocomplete的AngularJS 指令(directive)扩展

2012-09-02 10:38 by 破狼, 8187 阅读, 收藏, 编辑
摘要: 在前几篇随笔简单介绍了AngularJS,在AngularJS 指令(directive)是重要的概念,主要负责了很大部分的组建样式交互。在前面介绍过directive需要预先的模板编译在返回一个link的函数,注册行为事件交互等等。在这里不多说了,关于指令的介绍将在后续一并补上。在这里我们先看一个利用jQuery UI组件开发的AngularJS Autocomplete指令。代码:jsfiddle在线测试Directive:1varoldSuggest=jQuery.ui.autocomplete.prototype._suggest;2jQuery.ui.autocomplete.p.. 阅读全文

Angular-Bootstrap和Compiler

2012-08-13 23:50 by 破狼, 17590 阅读, 收藏, 编辑
摘要: 在上节简单介绍了Angular js框架,在这节将继续Angular的Bootstrap(引导)和Compiler(编译)机制。一:Bootstrap:Angular的初始化 1:Angular推荐的自动化初始如下:1<!doctypehtml>23<htmlxmlns:ng="http://angularjs.org"ng-app>45<body>67...89<scriptsrc="angular.js">1011</body>1213</html 利用ngapp标示你需要自动引导应用 阅读全文

AngularJs - Javascript MVC 框架

2012-08-12 23:25 by 破狼, 18987 阅读, 收藏, 编辑
摘要: 在6月google发布了AngularJs 1.0稳定版, 并宣称:AngularJS可以让你扩展HTML的语法,以便清晰、简洁地表示应用程序中的组件,并允许将标准的HTML作为你的模板语言,AngularJS可以通过双向数据绑定自动从拥有JavaScript对 象(模型)的UI(视图)中同步数据。 开始接触AngularJs是在4月份来到新项目组,这时AngularJs还处于0.8未稳定版,项目中已经开始使用了,并且这套框架应用到了项目整个UI端,服务端也是未稳定的web api,真心佩服团队的勇气,对于新技术的热情,幸好大家都能很好的驾驭,这是第一次尝试一个充满未稳定技术的项目。 回到正. 阅读全文