`
文章列表
  在这系列的上一篇文章,我讨论了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 ...
Global site tag (gtag.js) - Google Analytics