- 浏览: 3253203 次
- 性别:
- 来自: 深圳
-
最新评论
-
天使建站:
看这里 这里这篇文章更详细 还有完整的实例演示:js跳出循环: ...
JavaScript break跳出多重循环 -
wuhenliushui:
公钥能改成cer格式么
Java&keytool生成RSA密钥 -
memort:
你的这个是没有服务端吗?
JAVA发送HttpClient请求及接收请求完整代码实例 -
csu03zhanglei:
大牛 。膜拜
利用MySQL去Oracle -
wuzaizhong283:
wuzaizhong283 写道bijian1013 ...
JDK1.5 AtomicLong实例
文章列表
在这系列的上一篇文章,我讨论了scope事件以及digest循环的行为。这一次,我将谈论指令。这篇文章包括 独立的scope,内嵌,link函数,编译器,指令控制器等等。
如果这个图表看起来非常的费解,那么这篇文章很适合你。
声明: 这篇文字是基于 AngularJS v1.3.0 tree.
一.到底什么是指令(directive)?
AngularJS中,指令是 通常是小的 组件, 这意味着跟DOM交互。他经常被用作顶层DOM的抽象层,大多数的操作可以不用jQuery,jqLite等包装的DOM元素。通过使用表达式、其他的指令来得到你想要的结果是高明的。 ...
在AngularJS的代码库中呈现出了大量有趣的设计,最有趣的两个例子是scope的工作方式和directives(指令)的表现。
有的人第一次接触AngularJS时就被告知directives是和DOM交互,或供你随意操作DOM,就像jQuery. 这立马变得非常复 ...
一.常用的表单验证指令
<div class="col-md-6">
<form role="form" class="form-horizontal">
<div class="form-group">
<div class="col-md-4">
<label for="name">1.必填项 ...
客户端表单验证是AngularJS里面最酷的功能之一,AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。
在AngularJS中,有许多表单验证指令。在这里,我们将谈谈几个最流行指令,然后我们将讨论如何编写自定义的验证。
<form name="form">
<label name="email">Your email</label>
<input type="email" name="email" ng-m ...
app.html
<!DOCTYPE html>
<html ng-app="angularFormCheckModule">
<head>
<meta charset="UTF-8">
<title>angular表单校验</title>
<link rel="stylesheet" href="bootstrap.css" />
<st ...
test.html
<!DOCTYPE html>
<html lang="zh-CN" ng-app="App">
<head>
<meta charset="UTF-8">
<title>前端研究</title>
<link rel="stylesheet" href="bootstrap.css"/>
</head>
<b ...
这篇文章主要介绍了Angularjs自定义指令实现三级联动,选择地理位置,以便以后工作需要可以参考。
Angularjs自定义指令实现三级联动效果图:
<html lang="zh-CN" ng-app="myApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name= ...
路由($route)这个东西(也许可以加上$location)可以说是ng最重要的东西了,因为angular目前最重要的作用就是做单页面webApp,而路由这个东西是能做到页面跳转的关键。
一.单页面webApp
为什么叫单页面webApp?因为它是单页面的。额,关键在于我们看到的不少webApp是多页面的啊,可以从一页跳到另一页。嗯,看起来是这样,不过实际上这几页实际还是一个页面,因为它们是一次性加载进来的,至于为啥会有跳转效果呢?嗯,有点儿像选项卡,嗯。其实现原理在html5之前是通过hashbang,H5是History。这篇文章主要讨论的是hashbang。为什么要用#呢? ...
在单页面应用程序中比如angular应用,我们需要根据url的变化(即:不同的请求),来分配不同的资源。根据请求的URL来决定执行哪个模块,这个过程叫路由,同时,我们需要设计路由规则。
下面给出一个简单的小demo:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>angularJS路由</title>
</head>
<body ng-app='r ...
一.写在前面
关于如何获取input框、textarea等的焦点,网上有许多文章都只是会跟你说ng-focus这个内置指令。像这种解答,只能说明作者并为真正理解人家的需求。ng-focus是一个事件,跟原生JS(JavaScript)的onfocus是一样的,当我们点击input框时,就会触发该事件,而在该事件里我们可以调用一个函数。所以,当人家问你如何获取焦点时一般的意思是,如果我进行了某些操作后,不用鼠标点击是如何自动获取焦点,问题的关键是“自动”。
因为AngularJS没有像原生JS那样可通document.getElementById("idVlaue&quo ...
一.前言
1.$watch是scope内置的函数,它的作用是用来监听数据的变化。
2.$watch可监听哪些数据?
单个对象的属性
需要计算的结果(函数)
3. 语法: $scope.$watch(F,M,B);
二.对$watch参数的了解
F:要监听的数据(表达式或函数的字符串),主要是监听这些数据改变没有。它会返回被监听数据的当前值。
M:当监听的数据发生变化时,就会调用M(它是函数或表达式)。如果是函数形多,则会接收到F的新旧两个值和作用域对象,示例:
$scope.$watch("formData",fu ...
在查阅angularjs的官方文档发现:文档中提到了throw异常
angular.module('exceptionOverride', []).factory('$exceptionHandler', function() {
return function(exception, cause) {
exception.message += ' (caused by "' + cause + '")';
throw exception;
};
});
同时下面也提到了捕获异常:
try { ... } catch(e) { ...
看前首先了解:Promises/A规范,具体可以看这里,http://bijian1013.iteye.com/blog/2392429
由于jQuery版本问题对Deferred对象的实现有所不同,具体请参照jQuery api。
jQuery.Deferred()基于Promises/A规范实现,因为jQuery本身的设计风格,jQuery.Deferred()并没有完全遵循Promises/A规范。
jQuery在1.5版本中首次引入了Deferred。你可以通过jQuery.Deferred() 在未来某个时候 得到 ‘延时’返回值。 在此之前是无法单独使用的, ...
Javascript里异步编程逐渐被大家接受,先前大家一般通过回调嵌套,setTimeout、setInterval等方式实现,代码看起来非常不直观,不看整个代码逻辑很难快速理解。Javascript里异步函数大概有I/O函数(Ajax、postMessage、img load、script l ...
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。
每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。
这个功能很重要,未来将成为jQ ...