AngularJS初阶篇
文章平均质量分 60
该系列文章,用简单的方式让AngularJS和大家混了个脸熟,欢迎来踩踩踩啊。
女汉纸一枚
丢弃对未来的怯懦,保持对未来的执着。
展开
-
AngularJS(一)理论篇
前言 大概今年春天的时候,自己对这个词产生了兴趣,那会只是简单的查了一下,并没有深入研究过这部分知识块,现在终于开始接触这些东西。 内容 AngularJS在web应用方面是一个非常完美的JavaScript MVC框架。它减少了对界面的DOM操作,而且在不经过后台数据绑定的程度上,实现了数据绑定,刷新的时候是局部刷新实时性还是可观的。AngularJS是由JavaScr原创 2016-10-09 19:51:34 · 681 阅读 · 31 评论 -
AngularJS(二)——常见指令以及下拉框实现
前言 学完AngularJS,总体上感觉没什么新鲜的东西,但是又感觉每一步都很新鲜,因为没有见过,又因为学到的语法函数和JavaScript差不多,本篇主要介绍一些AngularJS的指令,常见指令和自定义指令。 内容 指令: 官方定义: ·通过被称为指令的新属性来扩展HTML; ·通过内置的指令来为应用添加功能; ·允许你自定义指令; 在AngularJS中个人认原创 2016-10-13 18:26:29 · 1578 阅读 · 23 评论 -
AngularJS(三)——指令实战及自定义指令
前言 上篇介绍了一些指令的应用,本篇介绍一些常用的用法格式。 内容 指令实战 下面通过输入一个名字实现实时更新文本内容。 需要的指令有: ng-app、ng-model、ng-bind、n-init Demo 要引用的文件(这里第一次出现以后,后面引用的都是这个文件,以后不再重复) Body部分 在输入框中尝试输入: 姓名:原创 2016-10-14 09:06:46 · 595 阅读 · 26 评论 -
AngularJS(四)——ng-controller(控制器)
前言 上篇大概说了一下指令的应用格式以及创建自定义指令方法,本篇重点介绍一些ng-controller都有哪些小作用。 内容 通过修改控制器部分,修改显示界面。 Demo 名: 姓: 姓名: {{firstName + " " + lastName}} var app = angular.module('myApp', []); app.control原创 2016-10-14 09:20:26 · 1260 阅读 · 31 评论 -
AngularJS(五)——filter(过滤器)
前言 过滤器可以用一个管道字符(|)添加到表达式和指令中。比如做ITOO的时候或者其他项目的时候,总是想统一货币日期等显示,以前的做法,不断循环该控件或该标签,然后循环转换。如果利用AngularJS,就方便多了。 内容 常用的转换 过滤器 描述 currency 格式化数字为货币格式 filter 从数组中选择一个子集原创 2016-10-14 15:15:43 · 611 阅读 · 34 评论