本月博客排行
-
第1名
龙儿筝 -
第2名
johnsmith9th -
第3名
wy_19921005 - zysnba
- sgqt
- lemonhandsome
年度博客排行
-
第1名
宏天软件 -
第2名
青否云后端云 -
第3名
龙儿筝 - gashero
- wallimn
- vipbooks
- benladeng5225
- wy_19921005
- fantaxy025025
- e_e
- zysnba
- ssydxa219
- sam123456gz
- javashop
- arpenker
- tanling8334
- kaizi1992
- xpenxpen
- wiseboyloves
- xiangjie88
- ranbuijj
- ganxueyun
- xyuma
- sichunli_030
- wangchen.ily
- jh108020
- lemonhandsome
- zxq_2017
- jbosscn
- Xeden
- luxurioust
- johnsmith9th
- lzyfn123
- zhanjia
- forestqqqq
- nychen2000
- ajinn
- wjianwei666
- hanbaohong
- daizj
- 喧嚣求静
- mwhgJava
- silverend
- kingwell.leng
- lchb139128
- lich0079
- kristy_yy
- jveqi
- java-007
- sunj
最新文章列表
AngularJS_2
1.AngularJS的工作流程:
(1)浏览器载入HTML,然后把它解析成DOM
(2)浏览器载入angularjs脚本
(3)AngularJS等到DOMContentLoaded事件触发
(4)AngularJS寻找ng-app指令,这个指令指示了应用的边界
(5)使用ng-app中指定的模块来配置注入器($injector)
(6)注入器($injector)是用来创建“编译服务(compi ...
AngularJS使用Socket.IO
目前,web应用普遍被要求是实时web应用,即服务端的数据更新之后,应用能立即更新。以前使用的技术(例如polling)存在一些局限性,而且有时我们需要在客户端打开一个socket,然后进行通信。
Socket.IO(http://socket.io/)是一个非常优秀的库,它可以帮你实现以上功能。它使用了非常简单的、基于事件的API,让你可以开发实时web应用。 ...
AngularJS与服务端协作及登录
$http服务是AngularJS中的核心服务之一,我们可以扩展它,从而实现web应用中的各种常用需求,包括:
1.带有一个通用的错误处理点
2.处理授权和登录重定向
3.与那些无法理解或者返回JSON的服务端交互
4.通过JSONP与外部服务(指同一来源之外的)交互
所以,在这个例子中,我 ...
AngularJS实现分页功能
对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下,我们的数据会比较多,无法很好地显示在单个页面中。在这种情况下,我们需要把数据以页的方式来展示,同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求,那么把这一功能抽象成一个通用的、可复用的分页(Paginator)服务是很有意义的。
Paginator服务(一个很简单的实现)应 ...
AngularJS封装jQuery-File-Upload
在实际开发中,我们经常需要文件上传功能。一个很棒的例子是BlueImpd的File Upload控件(https://github.com/blueimp/jQuery-File-Upload),它使用了jQuery和jQuery UI(或者Bootstrap)。它们的API都非常简单,这也使指令变得非常简单。
directive.js
angular.module('myA ...
AngularJS Team List应用:过滤器和控制器的交互
在这个例子中,我们将会通过实例展示如下两个主要的方面:
1.如何以一种优雅、简洁的方式把过滤器和迭代器联合起来使用?
2.如何使没有继承关系的控制器进行交互
应用本身很简单,其中的数据是关于各种体育运动的团队列表,例如篮球、足球(是美式足球,不是英式足球)和曲棍球。对于每一个团队,都有队名、城市、运行名称,以及该团队是否是推荐团队这几个字段。
...
AngularJS封装jQuery DateTimepicker
DateTimePickerDirective.js
angular.module('myApp.directives',[])
.directive('datetimepicker', function() {
return {
//强制AngularJS把指令限定为只支持属性
restrict: 'A',
//总是和ng-model配合使用
requ ...
AngularJS封装jQuery Datepicker
在开始编码之前,我们必须想好组件的外观和运行方式。例如,我们想在HTML中像下面这样定义datepicker:
<input datepicker ng-model="currentDate" select="updateMyText(date)"></input>
也就是说,我们需要修改Inpu ...
AngularJS_1
木有学习RESTful,实际上是看了2个小时之后发现什么都没看懂,突然意识到可能不是一个层次上的,所以就暂时把它搁浅了,转战AngularJS。
<!doctype html>
<html ng-app>
<head>
<meta charset="UTF-8">
<title>Hello AngularJ ...
one page application开发原则
1 因为是单页面application,页面无刷新,意味着页面中所有的变量都不会变化,因此当变量变化后若下步执行其它预料外的动作:比如,点击修改,弹出修改框后。又点击其它的便签,则该变量因为值不变,修改框会持续显示。全部用angularjs控制即可,当跳转控制器后会销毁,后重新生成控制器
2 非angularjs的控制慎用,否则会各种未预期的错误,因为脱离了控制器的管理。 ...
HTML无害化和Sanitize模块
一.ng-bind-html、ng-bind-html-unsafe
AngularJS非常注重安全方面的问题,它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML,然后利用它触发跨站攻击或者注入攻击。
考虑这样一个例子,假设我们有一个变量存在于myUnsafeHTMLContent作用域中。当HTML的内容如下时,O ...
AngularJS校验用户输入
Angular自动为<form>元素增加了一些很好用的特性,使其更适合开发单页面应用。其中一个特性是,Angular允许你为表单中的输入元素定义一个合法的状态,并且只有当所有元素是合法状态时才允许提交表单。
例如,创建一个新用户注册表单,要求必须输入用户名和邮件地址,但是年龄字段是可选的,在这些字段被提交到服务器之前我们可以校验这几个输入项。
...
酷酷的前端MVC框架AngularJS(二)HelloWorld
angularJS在github上面进行一个代码的托管
地址:https://github.com/angular/angularjs.org
注意:需要兼容IE8的同学请下载1.3之前的版本,在1.3之后已经放弃了I ...
AngularJS中与服务器交互
真正的应用需要和真实的服务器进行交互,无论你是想把数据持久化到云端,还是需要与其他用户进行实时交互,都需要让应用与服务器时进行交互。
为了实现这一点,Angular提供了一个叫做$http的服务。它提供了一个可扩展的抽象方法列表,使得与服务器的交互更加容易。它支持HTTP、JSONP和CORS方式。它还包含了安全性支持,避免JSON格式的脆弱性和XSRF(跨站请 ...
AngularJS中使用过滤器格式化数据
在Angular中,可以用过滤器来声明应该如何变换数据格式,然后再显示给用户,你只要在模板中使用一个插值变量即可。使用过滤器的语法是:
{{ expression | filterName : parameter1 : ...parameterN }}
这里的表达式可以是任意的Angular表达式,fileName是你需要使用的过滤器名称,过滤器的多个参数之间 ...
AngularJS操控CSS类和样式
通过AngularJS可以在应用中动态地设置CSS类和样式,只要使用{{}}插值语法把它们进行数据绑定即可。甚至还可以在模板中构造CSS类名和部分匹配方式。
实例如下:
ControllerCSS.html
<html ng-app='myApp'>
<head>
<title>CSS实例</title> ...