angular自定义filter
angular除了几个自带的常用的filter,还可以自定义filter,以满足不同的需求,简单研究了一下自定义filter,记录一下。
有如下场景,后台返回的数据中,status可能是英文字符串,如果在html中使用if进行挨个判断,则显得有些啰嗦,这样我们就可以使用自定义的filter实现
javasc代码: var myapp = ang...
分类:
其他好文 时间:
2015-02-05 20:30:30
阅读次数:
179
这几天开始学习Angular这个MVC框架, 边看官网文档和youtube视频边做实例, 现在整理下自己的学习所得与大家分享, 也希望有Angular的大牛们来指教和探讨.我们设想一个最基本的Web应用场景: 从服务器获取数据,通过这些数据来动态渲染我们的页面.假设我们目前需要获取一组团队所有成员的...
分类:
Web程序 时间:
2015-02-05 18:05:20
阅读次数:
158
当我们在编写 AngularJS 的应用时,通过 Chrome, Firefox, 和 IE 的 Javascript 控制台来获取隐藏在应用之中的数据(Data)和服务(Service) 是一件非常具有挑战性的工作。下面列出了一些简单的小窍门,可以帮助我们使用 Javascript 控制台来监视和控制一个正在运行的 Angular 应用,使其更加容易测试、修改甚至是实时的编写 Angular 应...
分类:
Web程序 时间:
2015-02-05 15:02:57
阅读次数:
269
一、总括 Angular的HTML?compiler允许开发者自定义新的HTML语法。compiler允许我们对任意HTML元素或属性,甚至是新的HTML标签、属性(如<beautiful?girl=”cf”></beautiful?>)附加行为。Angular将这些附...
分类:
Web程序 时间:
2015-02-05 13:48:57
阅读次数:
201
一、总括 本文用于解释Angular初始化的过程,以及如何在你有需要的时候对Angular进行手工初始化。 二、Angular?<script>?标签 本例用于展示如何通过推荐的路径整合Angular,实现自动初始化。 <!doctype?html>...
分类:
Web程序 时间:
2015-02-05 11:40:34
阅读次数:
220
AngualrJS 提供了指令ng-bind-html 用于绑定包含HTML标签的文档,使用方式:...测试案例:index.html index.jsvar myApp = angular.module('myApp',...
分类:
Web程序 时间:
2015-02-04 14:30:59
阅读次数:
181
目的是選擇縣市後,要對應下該縣市下的地區與郵遞區號,如圖所示。首先,先建立好Html元素125 69放入Angularjs tag01020306 071011建立controller 與 model01function zip ($scope) //controller 名稱02{03$scope...
分类:
Web程序 时间:
2015-02-04 14:16:17
阅读次数:
195
1.AngularJS extends HTML with ng-directives.The ng-app 定义 AngularJS 应用程序.The ng-model 将 HTML 控件 (输入、 选择、 文本区域) 的值绑定到应用程序数据。.The ng-bind 将应用程序数据绑定到 HTM...
分类:
其他好文 时间:
2015-02-02 17:18:33
阅读次数:
90
这篇文章将从 AngularJS ReactJS Polymer 这几个流行的框架入手,分析前端框架在这几年发展中的关键技术点,作为2015前端技术选型的参考。摘要:
初体验技术特点组件化应用架构总结
1. 初体验
拿TODO来作为引子好了.
Angular 的实现
React的实现(非flux架构)
Polymer的实现
三者共同对比
在...
分类:
其他好文 时间:
2015-02-01 17:53:02
阅读次数:
559
模板AngularJS模板是一种声明式的规则。它包含了模型和控制器的信息,最后会被渲染成用户在浏览器中看到的视图。它是静态的DOM,包含HTML,CSS和AngularJS指定的元素和属性。AngularJS元素和属性让angular给模板DOM添加行为,或者变形,成为动态地DOM。下面是你能在模板...
分类:
Web程序 时间:
2015-02-01 10:49:34
阅读次数:
267