AngularJS
文章平均质量分 87
大__熊
好好学习
展开
-
AngularJS1.X学习笔记14-动画(解读文档)
最近在看算法分析,那个大O啊,小o啊,分治法啊(目前就看到这里),真是搞死了。这回呢休息一下,学学AngularJS动画,上一篇文章根据自由男人的书简单谈到了动画的话题,发现反响很大(好吧,我说慌了,那篇文章的动画谈得太简单了),今天来看看官方文档。嗯,边看边写。一、安装 这个应该都知道了,和其他的扩展模块安装相同。这里为了文章完整性简单提一下。文档给到了获取动画扩展angular-an原创 2017-08-14 20:04:41 · 322 阅读 · 0 评论 -
AngularJS1.X学习笔记2-数据绑定
上一篇从整体上认识了Angular,从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定,比如我所知道的ThinkPHP、struts等,只有实现了数据绑定才能将模型层和视图层分离,实现MVC。Angular的数据绑定比较特别,它支持双向数据绑定。1、ng-bind DOCTYPE html>html lang="en" ng原创 2017-08-14 20:03:43 · 239 阅读 · 2 评论 -
AngularJS1.X学习笔记3-内置模板指令
前面学习了数据绑定指令,现在开始学习内置模板指令。看起来有点多,目测比较好理解。OK!开始!一、ng-repeat 1、基本用法 DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF-8"> title>databinding1title>head>body>原创 2017-08-14 20:03:45 · 195 阅读 · 0 评论 -
AngularJS1.X学习笔记4-内置事件指令及其他
AngularJS为我们定义了一系列事件指令,方便我们对用户的操作作出响应。甚至他还有一个可选模块提供了触摸事件和手势事件的支持,为移动端开发提供了可能。现在开始学习一下AngularJS的事件指令。一、事件指令 先盗张图,这个图展示了AngularJS中定义的事件指令,下面来做一些测试。 指令作用描述ng-blur属性、类对blur原创 2017-08-14 20:03:50 · 339 阅读 · 0 评论 -
AngularJS1.X学习笔记5-加强版的表单
大家愚人节快乐!表单是沟通服务器端和客户端的桥梁,为数据从客户端传到服务端打开了一扇大门。AngularJS增加了一些新特性,使我们能够更加方便的操作表单。OK!开始学习!学习使我快乐。一、双向数据绑定 前面已经提到了双向数据绑定,一般而言我们总是从模型中拿到数据放到视图,双向数据绑定提供了这样一种机制,可以将视图中的数据放到模型。下面测试一下DOCTYPE html>htm原创 2017-08-14 20:03:53 · 215 阅读 · 0 评论 -
AngularJS1.X学习笔记6-控制器和作用域
经过一番艰苦卓绝的鏖战,我终于来到了控制器和作用域部分。控制器作为MVC的C,其重要性不可谓不重要;作用域决定了你可以拿到哪些东西,亦是分外重要。现在就来学习一下两个东西。去看看$apply,$watch,$broadcast是个什么鬼。一、谈谈MVC 阮一峰老师说Angular是一个叫MVVM的模式(http://www.ruanyifeng.com/blog/2015/02/mvcm原创 2017-08-14 20:03:55 · 219 阅读 · 0 评论 -
AngularJS1.X学习笔记8-自定义指令(上)
AngulaJS的指令是一种非常强大的特性,一个ng-repeat就能让我们非常方便的展示一个数据列表,指令相当于是一个组件,为我们将一些东西封装起来了,提供了复用的可能性。个人认为自定义指令还是比较复杂的,下面开始攻关。一、三个重要参数 DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UT原创 2017-08-14 20:04:18 · 251 阅读 · 1 评论 -
AngularJS1.X学习笔记7-过滤器
最近参加笔试被虐成狗了,感觉自己的算法太弱了。但是还是先花点事件将这个AngularJS学习完。今天学习filter一、内置过滤器 (1)过滤单个数据值 DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF-8"> title>内置过滤器-过滤单个数据值title>原创 2017-08-14 20:04:15 · 198 阅读 · 0 评论 -
AngularJS1.X学习笔记10-自定义指令(下)
继续继续,学完这个部分就去吃饭。引用自由男人的话作为本文的开始:“默认情况下,链接函数被传入了控制器的作用域,而该控制器管理着的视图包含了指令所应用到的元素”。果然像是绕口令,还是看看你的例子比较好。一、在一个控制器中应用同一指令 DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF原创 2017-08-14 20:04:23 · 208 阅读 · 0 评论 -
AngularJS1.X学习笔记11-服务
如果我没记错的话,spring里边有个service层。什么是服务呢?个人理解就是很多地方要用的,可以跨越控制器甚至是跨越模块的工具。AngularJS也为我们提供了服务这种机制,这让我们可以将一些不属于某个控制器独有的东西定义成一个服务,要用的时候直接拿过来就好。使用服务有什么好处呢?一是便于统一修改,二是调用者不用关心内部实现,三是便于测试。一、factory DOCTYPE原创 2017-08-14 20:04:26 · 170 阅读 · 0 评论 -
AngularJS1.X学习笔记12-Ajax
说到Ajax,你一定是思绪万千,想到XMLHttpRequest,$.ajax(),跨域,异步之类的。本文将探讨一下AngularJS的Ajax。一、一个简单的例子 DOCTYPE html>html lang="en" ng-app='myApp'>head> meta charset="UTF-8"> title>ajax1title>head原创 2017-08-14 20:04:31 · 222 阅读 · 0 评论 -
AngularJS1.X学习笔记13-路由
ThinkPHP框架有路由的概念,看起来路由更多的是后端的事情,Angular怎么也会跑出个路由呢?事实上,Angular是着眼于单页应用的,他的一个应用一般来说是一个页面,你所看到的页面内容的改变,事实上只改变了URL地址的#后面的内容。路由要解决的是hash值与视图的对应关系。一、从一个简单的例子开始 1、安装angular-route模块 2、试一下子看看原创 2017-08-14 20:04:34 · 247 阅读 · 0 评论 -
AngularJS1.X学习笔记13-动画和触摸
本文主要涉及了ngAnimation和ngTouch模块,自由男人讲的比较少,估计要用的时候还要更加系统的学习一下。一、安装 没错,就是酱紫。二、玩玩动画 DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF-8"> title>route testti原创 2017-08-14 20:04:37 · 291 阅读 · 0 评论 -
AngularJS1.X学习笔记1-整体看看
听说 明天是愚人节,这与我有什么关系呢!我可 不想被愚弄,但是但是,我这么笨怎么才能不被愚弄呢?左思右想,我决定从现在开始闭关,闭关干啥哩?学习!学习AngularJS。以前学习过Angular的,不过很久没用都忘的差不多了,所以决定好好复习一下。这两天我将多发几篇随笔,记录一下我的学习过程。参考用书《AngularJS高级程序设计-Adam Freeman》,我会参考书中的例子做一遍,谈谈自己的原创 2017-08-14 20:03:40 · 204 阅读 · 0 评论