angular提供了一个可以复制对象的api——copy(source,destination)，它会对source对象执行深拷贝。使用时需要注意下面几点：如果只有一个参数（没有指定拷贝的对象），则返回一个拷贝对象如果指定了destination,则会深拷贝对象复制给destination如果source是null或者undefined，那么会直接返回source如果source就是desitination，那么会报错。下面看看使用样例：<html> <head><meta http-equiv="Content-Type" content="text/html;...
数据绑定通过把一个文本输入框绑定到person.name属性上，就能把我们的应用变得更有趣一点。这一步建立起了文本输入框跟页面的双向绑定。在这个语境里“双向”意味着如果view改变了属性值，model就会“看到”这个改变，而如果model改变了属性值，view也同样会“看到”这个改变。Angular.js 为你自动搭建好了这个机制。如果你好奇这具体是怎么实现的，请看我们之后推出的一篇文章，其中深入讨论了digest_loop 的运作。要建立这个绑定...
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="...
本文实例讲述了AngularJS指令中的绑定策略。分享给大家供大家参考，具体如下：在前面的文章中，我们知道了指令如何生成独立的scope，这一节中我们来仔细研究一下scope中的绑定策略。总体来说scope的绑定策略分为3种：（1）@ : 绑定字符串（2）=： 与父控制器进行双向绑定（3）&：用于调用父scope中的函数1.基础方式<test word="{{wordCtrl}}"></test> app.controller(myController1,[$scope,function($scope){$scope.wordCtrl="h...
我现在做的一个项目是angular,但是我用直接引用百度地图的方法引进js,写html,js代码，发现，我去，报错了，我一开始还以为是百度地图跟angular有冲突，然后我就去搜索啊，发现angular也有一个百度地图插件，无奈我用了报错了，网上说要用angular2版本才能兼容，但是我又不会下载2版本，所以我就放弃了，然后呢，我又去解决我一开始的那个错误了，发现，玛德我傻逼了，首先来说一下百度地图怎么用吧，很简单，上代码首先引入js<scri...
本文实例分析了AngularJS用户选择器指令。分享给大家供大家参考，具体如下：在开发表单时，我们需要使用经常需要使用到用户选择器，用户的数据一般使用如下方式存储：用户1,用户2,用户3我们可以使用angular指令实现选择器。<!DOCTYPE html> <html ng-app="app"> <head><meta charset="UTF-8"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><script src="../assets/js/angular.min.js"></script><link rel...
本文实例讲述了Angularjs的Controller间通信机制。分享给大家供大家参考，具体如下：在Angularjs开发一些经验总结中提到我们需要按照业务区分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们需要在controller中通信，一般为比较简单的通信机制，告诉同伴controller我的某个你所关心的东西改变了，怎么办？如果你是一个javascript程序员你会很自然的想到异步回调响应式通信—事件...
本文实例讲述了AngularJS中指令的四种基本形式。分享给大家供大家参考，具体如下：指令的四种基本形式中，注意注释型指令 M 的使用方法是 <!-- directive:指令名称 --> 注意左右俩测必须有空格才会正常识别所有指令是可以相互组合 的，不写restrict ，将会默认为A属性 指令要支持IE8 浏览器 一般最好将指令设置为属性<!doctype html> <html ng-app="myapp"><head><meta charset="utf-8"/></head><body><elementtag>E</elementtag...
概念 首先呢，Json和JSONP是不一样的哦。Json呢，是众多数据存储的其中一种格式，是数据书写方式的其中一种。好比是大中华众多诗体的一种(比如说是七言诗吧)。这种诗体规定了: 这种诗体要包含题目，每行诗句的字数(7个字) 等等的文本格式。而Json所规定的文本格式是这样子的(Json格式示意图) 而JSONP呢，它是一种特殊的通讯方式，使用它能够轻松绕过浏览器的同源安全限制，达到加载来自不同源的资源(脚本, 图片, 其他)的效...
数据绑定 通过把一个文本输入框绑定到person.name属性上，就能把我们的应用变得更有趣一点。这一步建立起了文本输入框跟页面的双向绑定。在这个语境里“双向”意味着如果view改变了属性值，model就会“看到”这个改变，而如果model改变了属性值，view也同样会“看到”这个改变。Angular.js 为你自动搭建好了这个机制。如果你好奇这具体是怎么实现的，请看我们之后推出的一篇文章，其中深入讨论了digest_loop 的运作。 要建立这个绑...
在上一篇文章里有讲到ng的单元测试,今天来说说e2e(端对端)测试. 当我们测试某个模块的单个功能点时,单元测试最适合,不过当面临用户进行多个页面交互的时候产生bug了,单元测试就不行了,这时候就得用e2e来模拟用户操作还原问题现场.当然利用e2e测试也能够测试程序的健壮性,很多单元测试办不到的事情,e2e测试都能够办到. 之前,ng是利用Angular Scenario Runner来运行e2e测试,现在已经换成Protractor来跑e2e了. Protractor Protractor是...
当ng项目越来越大的时候,单元测试就要提上日程了,有的时候团队是以测试先行,有的是先实现功能,后面再测试功能模块,这个各有利弊,今天主要说说利用karma和jasmine来进行ng模块的单元测试. 什么是Karma karma是一个单元测试的运行控制框架,提供以不同环境来运行单元测试,比如chrome,firfox,phantomjs等,测试框架支持jasmine,mocha,qunit,是一个以nodejs为环境的npm模块. 安装测试相关的npm模块建议使用----save-dev参数,因为这是开发...
研究了下高大上的AngularJS决定试试它的表单编辑提交功能，据说比JQuery强的不是一星半点。 好奇呀，试试吧。。。。。搞了好久，尼玛。。。靠。。靠。。靠。。尼玛 。。靠。。靠。。。。好吧，谁让我手欠呢。 搜索到了很多关于AngularJS Form的案例 如： http://www.angularjs.cn/A08j https://github.com/tiw/angularjs-tutorial https://github.com/tiw/angularjs-tutorial/blob/master/ng-form.markdown https://github.com/tiw...
主要是利用html5的canvas来进行图片的压缩,然后转化为dataURL，再有dataURL转化为Blob文件，Blob对象可以直接赋值给Formdata.app.service('Util', function($q) {var dataURItoBlob = function(dataURI) {// convert base64/URLEncoded data component to raw binary data held in a stringvar byteString;if (dataURI.split(',')[0].indexOf('base64') >= 0)byteString = atob(dataURI.split(',')[1]);elsebyteString = unescape(...
AngularJS 通过路由支持多视图应用， 可以根据路由动态加载所需的视图， 在 AngularJS 的文档中有详细的介绍， 网上也有不少教程， 就不用介绍了！ 随着视图的不断增加，js文件会越来越多，而 AngularJS 默认需要把全部的js都一次性加载，使用起来非常不便， 因此按需加载模块的需求会越来越强，不过，AngularJS 并没有实现按需加载。 习惯了 seajs 的异步加载方式，也想着 angular 也能同样使用异步加载，但是事实不随人愿。 angu...