AngularJS 简介AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好的选择。AngularJS 最为复杂同时也是最...
angular的双向数据绑定，个人理解是，通过model建立数据模型，那么视图上的数据就会对应存储在angular程序里，视图上的数据变化会同步到model，model的数据改变也会同步到视图。下面的demo演示：<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>hello, AngularJS!</title><script src="angular.js"></script> </head> <body><div ng-app><!-- ng-model指令将表单的value绑定到model的username变量--><input ng-model="...
第一步：准备首先我们要做的是在我们的项目中引入我们所需要的依赖，假设你已经在你的电脑上已经安装好了node与cnpm只需要利用控制台在你的项目目录下使用如下命令1. cnpm install angular --save 2. cnpm install echarts --save 在安装完毕后你将会得到一个命名为node_modules的文件夹，而我们需要的东西都在里面，当一切准备完毕后我们就可以开始我们的开发了。第二步：开发我认为在angular中使用其他插件的最好方法是使用指令...
我们使用ng的时候，经常会使用到指令，大家所熟知的属性我在这里就不介绍了，讲讲大家没怎么留意的属性1.multiElement这是指定指令作用区间的功能，最常用的就是ng-repeat-start和ng-repeat-end了。2.priority指令优先级，优先级越高，指令越早执行。3.terminal是否允许优先级低的指令起作用，如果是true，那么只有比当前指令或跟当前指令等级相同的指令才可以执行。最典型的就是ngIf4.templateNamespace声明模板的格式有三种选择 ...
本文实例讲述了AngularJS创建自定义指令的方法。分享给大家供大家参考，具体如下：这是一篇译文，来自angular开发者说明的指令。主要面向已经熟悉angular开发基础的开发者。这篇文档解释了什么情况下需要创建自己的指令，和如何去创建指令。什么是指令从一个高的层面来讲，指令是angular $compile服务的说明，当特定的标签(属性，元素名，或者注释) 出现在DOM中的时候，它让编译器附加指定的行为到DOM上。这个过程是很简单的。angu...
AngularJS自带了很多验证，什么必填，最大长度，最小长度...，这里记录几个有用的正则式验证1.使用angularjs的表单验证正则式验证只需要配置一个正则式，很方便的完成验证，理论上所有的验证都可以用正则式完成//javascript $scope.mobileRegx = "^1(3[0-9]|4[57]|5[0-35-9]|7[01678]|8[0-9])\\d{8}$"; $scope.emailRegx = "^[a-z]([a-z0-9]*[-_]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[\.][a-z]{2,3}([\.][a-z]{2})?$"; $scope....
首先我们做点准备说明，不然你明白我说的是啥意思别人不明白，就算别人明白了那总有人不明白，那你要说了，我的意思是这个说明必须要做了，答案是必须的，为了更好的方便大家理解嘛。 我们以两个主域名或者一个主域名+一个二级域名为例，均可演示跨域问题。 客户端 a.com服务端 b.com或者s.a.comangularJs版本 V1.2.25 准备工作做得很充分嘛，就差把我们的编辑器是subline暴露出来了，这个一般人我是不告诉他滴。 有人嚷嚷了，这问...
在AngularJS中$interval用来处理间歇性处理一些事情。 最常用的是：var app = angular.module("app",[]); app.controller("AppCtrl", function($q. $interval){ var timer = $interval(function(){ },100); timer.then(success); function success(){ console.log("done"); } }) 以上，每隔100毫秒就做一件事，所有都昨晚在调用then函数。也就是，$interval提供回调函数。 是否可以控制做事的次数呢？--可以的。 var timer = $inte...
系统的学习了一下angularjs，发现angularjs的有些思想根php的模块smarty很像，例如数据绑定，filter。如果对smarty比较熟悉的话，学习angularjs会比较容易一点。这篇简单说一下angularjs的filter功能，angularjs的filter功能可分为二种，一种是内置的过滤器，一种是自定义的。 Filter是用来格式化数据用的。 Filter的基本原型（ 类似于Linux中的管道模式）：{{ expression filter }}Filter可以被链式使用（即连续使用多个filter）...
http拦截，即$http服务允许我们与服务端交互，有时候我们希望在发出请求之前以及收到响应之后做些事情。 $httpProvider包含了一个interceptors的数组。 我们这样创建一个interceptor。app.factory('myInterceptor', ['$log', function($log){$log.debug('');var myInterceptor = {};return myInterceptor; }])接着注册interceptor. app.config(['$httpProvider', function($httpProvider){$httpProvider.interceptors.push('myInte...
比如页面调用google地图的api时就使用到了promise。function success(position){var cords = position.coords;console.log(coords.latitude + coords.longitude); }function error(err){console.warn(err.code+err.message) }navigator.geolocation.getCurrentPosition(success, error);■ 如何处理多个异步方法 如果有很多异步方法需要按序执行呢？async1(success, failure), async2(success, failure), ...asyncN(success, failu...
“指令属性”就是绑定在DOM元素上的函数，它可以调用方法、定义行为、绑定controller及$scope对象、操作DOM，等等等等。当浏览器启动、开始解析HTML（像平时一样）时，DOM元素上的指令属性就会跟其他属性一样被解析。当一个Angular.js应用启动，Angular编译器就会遍历DOM树（从有ng-app指令属性的那个DOM元素开始，如我们在本系列第一篇里所提过的），解析HTML，寻找这些指令属性函数。当在一个DOM元素上找到一个或多个这样的指令属...
AngularJS 简介 AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好的选择。AngularJS 最为复杂同时也是...
Filter作用就是接收一个输入，通过某个规则进行处理，然后给用户返回处理后的结果。Filter可以用在模板、控制器、或者服务，同时也会很容易自定义一个Filter过滤器。 在模板中使用FilterFilter可以用于在视图模板中使用一下语法表达式： {{ expression | filter }} 例如：格式{{ 12 | currency }}是使用currency的filter用法，让数字12过滤为货币形式，结果是$12.00。 Filter可以应用到另一个过滤的结果中。这就是所谓的“chaining...
一个对象通常有三种方式可以获得对其依赖的控制权： 在内部创建依赖；通过全局变量进行引用；在需要的地方通过参数进行传递依赖注入是通过第三种方式实现的。比如：function SomeClass(greeter) { this.greeter = greeter; } SomeClass.prototype.greetName = function(name) { this.greeter.greet(name); };SomeClass能够在运行时访问到内部的greeter，但它并不关心如何获得对greeter的引用。 为了获得对greeter实例的引用，SomeC...