转自：http://itindex.net/detail/50919-angularjs-%E6%9C%8D%E5%8A%A1%E5%99%A8-%E4%BA%A4%E4%BA%92 对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下：var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function() {if(xmlhttp.readystate == 4 && xmlhttp.status == ...
angularjs实现了双向绑定，与vue的defineProperty不同，它的原理在于它的脏检查机制，以下做了一些总结；angular.js介绍AngularJs是mvvm框架，它的组件是vm组件，scope是vm组件的数据集合AngularJs通过directive来声明vm的行为，它实现为一个watcher，监听scope的属性的变化，把最新的属性更新UIAngularJs的双向绑定：如：一个是将$scope属性值绑定到HTML结构中，当$scope属性值发生变化的时候界面也发生变化；另一个是，当用户在界...
1普通数组： 2ng-init="persons=[‘john‘,‘jack‘]" 3对象数组： 4 ng-init="persons=[{name:‘john‘,age:20},{name:‘jack‘,age:40}]" 原文：http://www.cnblogs.com/cag2050/p/5100427.html
angularjs中大多在指令之中操作DOM，现在遇到一个指令中无法获取DOM的特殊情况：var directiveCtrl=angular.module("directiveCtrl",[]); directiveCtrl.controller("ctrlTwo",[‘$scope‘,function($scope){ $scope.name="me"; }]); directiveCtrl.directive("num",function(){ return{restrict: ‘E‘,template: ‘<div ng-repeat="i in [1,2]" ng-controller="ctrlTwo">{{name}}</div>‘,replace:true,link:function(sc...
1.angular.bindvar self = {name: ‘boy‘}; var f = angular.bind(self, function (age) { alert(this.name + ‘ is ‘ + age + ‘ !‘)});f(12);2、angular.bootstrapvar app = angular.module(‘demo‘, []).controller(‘WelcomeController‘, function($scope) {$scope.greeting = ‘Welcome!‘;});angular.bootstrap(document, [‘demo‘]);3、angular.copy使用angular.copy拷贝后会指向一个新地址4、angular.elementangular...
AngularJs最重要也是最难理解的模块之一就是它的指令（directive）了，自定义指令配置有很多个参数，下面我只说说其中scope的配置极其含义。scope表示指令的作用域，它有三个可选值：true、false、对象{}。.directive("myDirective", function(){return {restrict: "EA",scope: true/false/{},template: "<div>{{content}}</div>"} })true：继承父作用域且创建独立作用域；false：继承父作用域；{}：不继承父作用域且创建独立作用域...
AngularJS AngularJS是web应用的下一个巨头。 AngularJS如果为创建web应用而设计，那它就是HTML的套路了。具有数据绑定, MVW, MVVM, MVC, 依赖注入的声明式模板和出色的可测试性都是用纯客户端 JavaScript来实现的! AngularJS 是一个创建富客户端应用的JavaScript MVC框架，它组织良好，经过严格测试,多功能，强大并且十分灵活。你仍然需要具有服务端后台，但大多数的用户交互逻辑将优雅地放到客户端上处理。 AngularJS是...
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible"content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title></title> <meta charset="utf-8" /> <link rel="stylesheet" href="bootstrap-3.3.5/dist/css/bootstrap.min.css" /></head><body> <div class="container"> <...
一、使用$http进行XHR和JSONP请求1.1 XHR请求GET:$http.get(url,config)POST:$http.post(url,data,config)PUT:$http.put(url,data,config)DELETE:$http.delete(url,config)HEAD:$http.head 1.2 JSONP请求 $http.jsonp(url,config) 1.3 方法参数说明url：调用目标URLdata：请求体中送出的数据config：包含额外配置信息的JavaScript配置对象，对请求和响应都有影响 1.4 config说明 Javascript配置对象保存着很多可选项...
<!DOCTYPE HTML><html ng-app="myapp"><head> <title>综合小实例</title> <meta charset="utf-8"> <link rel="stylesheet" href="../css/bootstrap.css"> <script src="../js/angular.js"></script> <style> .text-warning{color:red;} </style></head><body><!-- 加上模块module,并把控制器写在模块中，控制器生效 --><div ng-controller="limitText" class="container"> <span ng-class="{‘text-warning‘:showldWarn()}">剩余...
前言：谁说Test工作比较轻松，最近在熟悉几个case，差点没疯。最近又是断断续续的看我的AngularJS，总觉得自己还是没有入门，可能是自己欠前端的东西太多了，看不了几行代码就有几个常用函数不熟悉的。看过了大漠的视频，算是了解了AngularJS的一些优良特性。后来准备投身《AngularJS权威教程》，跟着它走，可是一来可能自己道行不够，二来，个人觉得这本书翻译的有些生硬以及一些瑕疵，比如： （1）9.2节：在指令中适用自作用域...
尊重劳动成果，转载请注明出处（http://blog.csdn.net/sllailcp/article/details/47833315）...初学angularJS 闲暇之余做了个小案例。功能：计算购物车商品的价格，以及删除购物车商品。以下是完整案例（jQuery和angularjs需要自己引入）<!doctype html> <html ng-app="myApp"> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> .cursors{cursor:pointer} </style> <script src="js/jquery-1.11.1.js"></script...
AngularJS是Google开发的前端框架，angular.js仅有1500行，致力于减轻开发人员在开发AJAX应用程序中的痛苦。 AngularJS应用中：view就是DOM，controller就是Javascript类，model储存在对象属性中。 数据绑定可自动将model和view间的数据同步。Angular实现数据绑定的的方式，可以让我们把model当作程序中唯一可信的数据来源。view始终是model的投影。不管是model或者view发生变化时，会自动反映到对方，数据绑定是双向的。...
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular.min.js"></script><script src="http://cdn.bootcss.com/angular.js/1.3.8/angular-resource.min.js"></script></head><body><div ng-app="myApp"><div ng-controller="firstController">{{name}}{{data.name}}</div></div><script type...
有三种方法：1、通过$scope绑定（不推荐）2、通过对象数组绑定3、通过key/value键值对绑定实现方法：1、通过$scope绑定（不推荐）：[javascript] function ctrl($scope) { $scope.className = "selected"; } [html] <div class="{{className}}"></div> 2、通过对象数组绑定：[javascript] function ctrl($scope) { $scope.isSelected = true; } [html] <div ng-class="{true:‘selected‘,false:‘unselected‘}[isSele...