简介mocha是一个js的测试框架，Karma是一个驱动测试的Runner。也就是说，karma为测试框架准备运行环境，可以让这些测试在真正的浏览器里运行，而且，karma运行测试的过程是自动化的。自动化并非理所当然的事。想起之前用Jasmine的时候，需要在一个html文件里引入各种js文件，然后用某个浏览器来打开这个html文件，使js在浏览器中运行起来。当测试内容发生变化时，需要刷新页面，并

函数指令ng-clickng-click指令告诉了AngularJSHTML元素被点击后需要执行的操作.参数值值描述expression元素被点击后执行的表达式。ng-modelng-model指令绑定了HTML表单元素到scope变量中如果scope中不存在变量,将会创建它。ng-repeat该指令为集合中的每项都实例化一个模块。每个模块都有自己的scope，给定的循环变量将被设置为当前项，$i

AngularJs路由与多视图基于AngularJS入门与进阶（江荣波著）这本书的笔记AngularJS1.x的demoAngularJS1.x和Angular2,4,5是不一样的两个东西，构建方式，语法

基于AngularJS入门与进阶（江荣波著）这本书的笔记AngularJS1.x的demoAngularJS1.x和Angular2,4,5是不一样的两个东西，构建方式，语法，都很多不同AngularJs

AngularJs表单字段合法性校验基于AngularJS入门与进阶（江荣波著）这本书的笔记AngularJS1.x的demoAngularJS1.x和Angular2,4,5是不一样的两个东西，构建方式

AngularJS1.x是Angular的上一代框架，Angular团队做了规范，老框架为AngularJS1.x，新框架统称为Angular，Angular使用了TypeScript进行开发，与AngularJS1

文档：APIReference(api)ErrorReference(error)DeveloperGuide(guide)HelloWorld:Other使用超动感HTML&JS开发WEB应用!|AngularJS中文社区AngularJS快速开始|AngularJS中文社区[!!!]AngularJs:Howtocheckforchangesinfileinputfields?-StackOv

本篇是内部培训交流会的摘要总结。培训PPT和示例代码已托管至我的github仓库：https://github.com/dashnowords/blogs/tree/master/Demo/rebuild-angularjs-controller一.结构拆分小型项目通过子路由实现拆分分层，父级控制器控制共享模块，提供公共能力，子级分管自己的模块，父子级之间通过消息机制进行通讯。中型项目通过组合视图

许多企业内部的项目仍然在使用angularjs1.X，你会发现许多controller的体积大到令人发指，稍有经验的团队会利用好angularjs1构建的contr

背景最近在用vue重构公司公司AngularJS1.X项目，老项目身份认证采用的cookie，前端ajax库采用是angularJS的$http/$resource服务，新版采用的是axios，但是发现前端

目录一.结构拆分二.基本代码优化本篇是内部培训交流会的摘要总结。培训PPT和示例代码已托管至我的github仓库：https://github.com/dashnowords/blogs/tree/master/Demo/rebuild-angularjs-controller一.结构拆分小型项目通过子路由实现拆分分层，父级控制器控制共享模块，提供公共能力，子级分管自己的模块，父子级之间通过消息机

Angular2已经发布了2.1.2版本，相信很多人已经在使用（试用）了，相比AngularJS1.x，Angular2在性能上有了长足的进步，同时Angular2也变得非常的庞大，动辄几兆的脚本，如何部署到生产环境

在定义指令的scope属性如果设置成了{}，那就成为了一个独立作用域，如果要传入一个方法，使用&,但是这里的传参有点不一样。先看下官网解释：&or&attr-providesawaytoexecuteanexpressioninthecontextoftheparentscope.Ifnoattrnameisspecifiedthentheattributenameisassumedtobethe

AngularJS6.x---环境搭建*近期做项目,正好用到了AngularJS,所以就想着赶快整理成博文,避免回头给忘了.第一次接触AngularJS是两年前,那会儿公司用的是BootStrap做页面,然后配合AngularJS1

一.html与Controller中的双向数据绑定html-Controller的双向数据绑定，在开发中非常常见，也是Angularjs1.x的宣传点之一，使用中并没有太多问题。

Angularjs1.X进阶笔记(1)—两种不同的双向数据绑定聊聊Angularjs1.x中那些活见鬼的事情。

Angularjs1.X中两种不同的双向数据绑定聊聊Angularjs1.x中那些活见鬼的事情。

本文首发于华为云社区原文链接：https://bbs.huaweicloud.com/blogs/e19336d0889f11e89fc57ca23e93a89fAngularjs1.X中两种不同的双向数据绑定聊聊Angularjs1

在angularjs1.X中存在了三种数据绑定的方式，用于数据的同步、展示。

angularjs的数据绑定在angularjs1.X中存在了三种数据绑定的方式，用于数据的同步、展示。

原文地址为：Angularjs开始之Helloworld为什么这样写像所有程序的开始一样，使用angularjs也从Helloworld开始书写Html结构学习Angularjs1.x//这里是JS代码输出一个

Angular和React都是伟大的框架/库。Angular提供了MVC（模型、视图、控制器）的定义结构。React提供基于状态变化的轻量级呈现机制。通常情况下，开发者在AngularJS上有一个旧的应用程序后，他们会想用ReactJS建立新的特性。虽然将AngularJS应用移除，从头开始建立一个ReactJS应用是不错的选择。但对于大规模应用来说，它不是一个可行的解决方案。在这种情况下，单独建

前言在AngularJs1.x中，经常会遇到不能被angular捕捉的一些模型变化，导致模板得不到更新。比如在原生setTimeout里对$scope模型进行更新，就会导致angular的捕获不到。

原文作者：哈喽吕小强原文地址：http://www.lvhongqiang.com/blog425.html问题:在AngularJS1.x中可以使用ng-bind-html来插入一段html代码，相当于

说明有些时候你可能需要从后台获取模板，并在前台在自己编译，这在用AngularJS1.x的时候似乎很常见，可以直接用ng-include搞定，在Vue1.x的时候也可以直接用partial搞定。

对于一个Html5框架的好坏，我们有几个评判标准，轻量级，可拓展，易复用，速度快。对组件复用这点，angular以directive的形式展示给开发者，是一个还算不错的选择，作为一个UI组件，必定存在数据交互。那么数据交互过程中的几个符号我们一定要有所了解，以及他们的区别是什么，防止我们在运用过程中出错。1.首先，我们看一scope作用域下面@的使用：html我的angularjsjsvarmyA

Angular中有两种表单：Template-drivenForms(类似于AngularJS1.x中的表单)ReactiveFormsTemplate-driven表单的特点使用方便适用于简单的场景通过

虽说AngularJS1.x版本中对于上拉加载，下拉刷新数据功能都有做些封装，但还是有些人不清楚。其实我一开始也是不懂的，so.现在把搞懂的记录下免得少走弯路。

ngnewPROJECT-NAME启动本地服务器cdPROJECT-NAMEngserveAngularForms简介Angular4中有两种表单：TemplateDrivenForms-模板驱动式表单(类似于AngularJS1

那当然不是，Angular4只是一个版本号而已，本质上还是Angular2；以后，谷歌把新版本的Angualr称为Angular，而之前的1.x版本叫做AngularJs1.x。

==AngularJS入门系列博客仅作入门快速开发参考，深层次的内容有待补充==常用指令ng-change：元素值改变的时候出发监听事件单价10,数量,总价varapp=angular.module("main",[]);app.controller("indexController",['$scope',function($scope){$scope.total=$scope.num*10;$s

Angular4.x中有两种表单：Template-DrivenForms-模板驱动式表单(类似于AngularJS1.x中的表单)ReactiveForms-响应式表单本文主要介绍Template-DrivenForms

Angular4.x中有两种表单：Template-DrivenForms-模板驱动式表单(类似于AngularJS1.x中的表单)ReactiveForms(Model-DrivenForms)-响应式表单

最近在看算法分析，那个大O啊，小o啊，分治法啊（目前就看到这里），真是搞死了。这回呢休息一下，学学AngularJS动画，上一篇文章根据自由男人的书简单谈到了动画的话题，发现反响很大（好吧，我说慌了，那篇文章的动画谈得太简单了），今天来看看官方文档。嗯，边看边写。一、安装这个应该都知道了，和其他的扩展模块安装相同。这里为了文章完整性简单提一下。文档给到了获取动画扩展angular-animate.

本文主要涉及了ngAnimation和ngTouch模块，自由男人讲的比较少，估计要用的时候还要更加系统的学习一下。一、安装没错，就是酱紫。二、玩玩动画routetest.ngFadeIn.ng-enter{transition:.3slinearall;opacity:0;background:red;}.ngFadeIn.ng-enter-active{background:white;opa

ThinkPHP框架有路由的概念，看起来路由更多的是后端的事情，Angular怎么也会跑出个路由呢？事实上，Angular是着眼于单页应用的，他的一个应用一般来说是一个页面，你所看到的页面内容的改变，事实上只改变了URL地址的#后面的内容。路由要解决的是hash值与视图的对应关系。一、从一个简单的例子开始1、安装angular-route模块2、试一下子看看routetestThisisfixed

说到Ajax，你一定是思绪万千，想到XMLHttpRequest，$.ajax(),跨域，异步之类的。本文将探讨一下AngularJS的Ajax。一、一个简单的例子ajax1获取数据{{data||"undown"}}varmyApp=angular.module("myApp",[]);myApp.controller('ajaxCtrl',function($scope,$http){$sco

如果我没记错的话，spring里边有个service层。什么是服务呢？个人理解就是很多地方要用的，可以跨越控制器甚至是跨越模块的工具。AngularJS也为我们提供了服务这种机制，这让我们可以将一些不属于某个控制器独有的东西定义成一个服务，要用的时候直接拿过来就好。使用服务有什么好处呢？一是便于统一修改，二是调用者不用关心内部实现，三是便于测试。一、factoryfactoryvarmyApp=a

继续继续，学完这个部分就去吃饭。引用自由男人的话作为本文的开始：“默认情况下，链接函数被传入了控制器的作用域，而该控制器管理着的视图包含了指令所应用到的元素”。果然像是绕口令，还是看看你的例子比较好。一、在一个控制器中应用同一指令scope1angular.module('myApp',[]).controller('directiveCtrul',function($scope){}).dire

今天好大的雨啊！上一节中，我们的指令中的工厂函数中都是返回了一个叫做链接函数的工人函数，事实上我们的工厂函数也是可以返回一个对象，这个对象里面可以包含很多的属性，这使得我们可以创建更加强大的指令。一、link属性这个属性的值是一个函数，叫做链接函数。linkangular.module('myApp',[]).controller('directiveCtrul',function($scope)

AngulaJS的指令是一种非常强大的特性，一个ng-repeat就能让我们非常方便的展示一个数据列表，指令相当于是一个组件，为我们将一些东西封装起来了，提供了复用的可能性。个人认为自定义指令还是比较复杂的，下面开始攻关。一、三个重要参数获取数据{{data}}angular.module('myApp',[]).controller('directiveCtrul',function($scop

最近参加笔试被虐成狗了，感觉自己的算法太弱了。但是还是先花点事件将这个AngularJS学习完。今天学习filter一、内置过滤器（1）过滤单个数据值内置过滤器-过滤单个数据值今天是：{{now|date:"ddMMMMyyyy"}}namecatpriceexpiryjson{{item.name}}{{item.cat|uppercase}}{{item.price|currency:"￥"}

经过一番艰苦卓绝的鏖战，我终于来到了控制器和作用域部分。控制器作为MVC的C，其重要性不可谓不重要；作用域决定了你可以拿到哪些东西，亦是分外重要。现在就来学习一下两个东西。去看看$apply,$watch,$broadcast是个什么鬼。一、谈谈MVC阮一峰老师说Angular是一个叫MVVM的模式（http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvv

大家愚人节快乐！表单是沟通服务器端和客户端的桥梁，为数据从客户端传到服务端打开了一扇大门。AngularJS增加了一些新特性，使我们能够更加方便的操作表单。OK！开始学习！学习使我快乐。一、双向数据绑定前面已经提到了双向数据绑定，一般而言我们总是从模型中拿到数据放到视图，双向数据绑定提供了这样一种机制，可以将视图中的数据放到模型。下面测试一下双向数据绑定复选框是否选中：{{isCheck}}文本框

上一篇从整体上认识了Angular，从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定，比如我所知道的ThinkPHP、struts等，只有实现了数据绑定才能将模型层和视图层分离，实现MVC。Angular的数据绑定比较特别，它支持双向数据绑定。1、ng-binddatabinding1angular.module('myApp',[]).co

AngularJS为我们定义了一系列事件指令，方便我们对用户的操作作出响应。甚至他还有一个可选模块提供了触摸事件和手势事件的支持，为移动端开发提供了可能。现在开始学习一下AngularJS的事件指令。一、事件指令先盗张图，这个图展示了AngularJS中定义的事件指令，下面来做一些测试。指令作用描述ng-blur属性、类对blur事件指定自定义行为，在元素失去焦点时被触发ng-change属性、类

前面学习了数据绑定指令，现在开始学习内置模板指令。看起来有点多，目测比较好理解。OK！开始！一、ng-repeat1、基本用法databinding1事项完成否{{item.action}}{{item.complete}}angular.module('myApp',[]).controller('dataCtrl',function($scope){$scope.todos=[{action:

上一篇从整体上认识了Angular，从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定，比如我所知道的ThinkPHP、struts等，只有实现了数据绑定才能将模型层和视图层分离，实现MVC。Angular的数据绑定比较特别，它支持双向数据绑定。1、ng-binddatabinding1angular.module('myApp',[]).co

听说明天是愚人节，这与我有什么关系呢！我可不想被愚弄，但是但是，我这么笨怎么才能不被愚弄呢？左思右想，我决定从现在开始闭关，闭关干啥哩？学习！学习AngularJS。以前学习过Angular的，不过很久没用都忘的差不多了，所以决定好好复习一下。这两天我将多发几篇随笔，记录一下我的学习过程。参考用书《AngularJS高级程序设计-AdamFreeman》，我会参考书中的例子做一遍，谈谈自己的理解。

虽然目前Angular2已出，但是官方并不会放弃1.X版本，还会持续维护更新，而且掌握AngularJS1.x的基本知识能更快的帮助我们迈