$http 服务：只是简单封装了浏览器原生的XMLHttpRequest对象，接收一个参数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容，这个函数返回一个promise对象，具有success和error方法。 $http({method:‘请求方法‘, //get post put jsonp（跨域请求）等url:‘url‘, //绝对路径的url cache:‘true‘ //让$http请求使用默认的缓存对象params:‘{会被转换成查询字符串追加在URL后面}‘ //params:{‘name‘:‘ari‘}转为...
百科释义：AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。百科详解:AngularJS 原文：http://www.cnblogs.com/professional-NET/p/4733287.html
例子：1.error{background-color:red;} 23.warning{background-color:yellow;}View Code 1<div ng-controller=‘HeaderController‘> 2<div ng-class=‘{error:isError,warning:isWarning}‘>{{messageText}}</div> 3<button ng-click=‘showError()‘>展示error</button> 4<button ng-click=‘showWarning()‘>展示warning</button> 5</div> 6 7function HeaderController($scope){8 $scope.isError= false;9 $scope.isWarning ...
最近参加笔试被虐成狗了，感觉自己的算法太弱了。但是还是先花点事件将这个AngularJS学习完。今天学习filter一、内置过滤器 （1）过滤单个数据值<!DOCTYPE html><html lang="en" ng-app="myApp"><head><meta charset="UTF-8"><title>内置过滤器-过滤单个数据值</title></head><body ng-controller="tableCtrl"><h1>今天是：{{now|date:"dd MMMM yyyy"}}</h1><table width="100%"><tr><td>name</td><td>cat</td><td>price</td><t...
//过滤器ngApp.filter(‘jsonDate‘, function ($filter) {returnfunction (input, format) {var timestamp = Number(input.replace(/\/Date\((\d+)\)\//, "$1"));return $filter(‘date‘)(timestamp, format);};});//控制器在注入$filter ngApp.controller(‘ngCtrl‘, function ($scope, $http, $filter) {//使用方法{{item.Create_Date|jsonDate:‘yyyy-MM-dd HH:mm:ss‘ }} 原文：http://www.cnblogs.com/james641/p/5844386....
监听$watch监听数据变化，有三个参数$scope.$watch(“监听的属性”,function(new，old){},true);写true的时候可以监听一个对象里的多个数据变化，不写true的时候只能监听单个对象变化。new是新值，old是旧值。$scope.data={price:30,num:1,free:10,resault:this.num*this.price+this.free } $scope.$watch("data",function(newVal,oldVal){$scope.data.resault=$scope.data.num*$scope.data.price+$scope.data.free;if($scope.data...
AngularJS AJAXAngularJS提供了$http控制，可以用来获取服务器端的数据。服务器通过一个数据库的读取操作来获取需要的数据。注意AngularJS需要JSON格式的数据。一旦数据准备完毕，$http可以使用如下代码获取数据：1//后台提供的ajax数据提供url2var url="http://cdn.gbtags.com/gblibraryassets/libid102/jsondata.jsp"; 34//使用http get方法获取数据，并且使用回调函数设置到students中5 $http.get(url).success(function(resp...
在"AngularJS中自定义有关一个表格的Directive"中自定义了一个有关表格的Direcitve，其表格的表现方式是这样的： <table-helper datasource="customers" clumnmap="[{name: ‘Name‘}, {street: ‘Street‘}, {age: ‘Age‘}, {url: ‘URL‘, hidden: true}]"></table-helper>以上，变量colmnmap的值是事先定义在了Scope中的： return {restrict: ‘E‘,scope: {columnmap: ‘=‘,datasource: ‘=‘},link:link,template:template ...
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href=""></head><body><div ng-app="" ng-init="firstName=‘John‘;lastName=‘Doe‘"><p>姓名:{{firstName + " " + lastName}}</p></div></body><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></html>本文出自 “素颜” 博客，请务...
原文在这里 2013年度最强AngularJS资源合集 来看我的视频教程，国内第一款完整的AngularJS视频教程http://www.imooc.com/learn/156 司徒正美 写道https://github.com/RubyLouvre/avalonhttp://www.cnblogs.com/rubylouvre/p/3181291.html原文：http://www.cnblogs.com/abin30/p/4020166.html
第一步：通过点击事件，打开新窗口，并且传递参数$scope.finalTrial = function(data){ var url = $state.href(‘content.checkFinalTrial‘) window.open(url+‘?id=‘+data.id+‘&type=1‘)}注：点击后需要直接调用window.open(),如果在ajax获取成功后再打开窗口，那么浏览器会阻止新窗口打开第二步:通过$location.search()获取通过新窗口url传递的参数，并且利用参数进行ajax请求获取数据$location.search().id$locatio...
method1方法使用的是params参数，该用法会把参数直接附加到url中method2方法使用的是data参数，该参数会把页面参数类型从默认的multipart/form-data改为application/x-www-form-urlencoded类型，并且将传递的data解析为字符串，该方法会以post参数的方式传递下面是代码部分：<html ng-app="myApp"><head><title>angularjs-ajax</title><script type="text/javascript" src="../../lib/ionic/js/angular/angular.min.js" charset="u...
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Guess The Number !</title> <link href="bootstrap.min.css" rel="stylesheet"></head><body ng-app="app"><div class="container" ng-controller="GuessTheNumberController"> <h2>猜数字 !</h2> <p class="well lead">请猜出电脑生成的随机数，它的范围在1到1000之间.</p> <label>请您出手: </label><input type="num...
AngularJS可以通过ng-app来自动初始化模块，也可以通过angular.bootstrap(document, [module])手动启动应用，不管用哪种方法，应用启动后，动态往dom树里面添加的dom元素，无法执行angular指令，即无法通过ng-model、ng-click给动态添加的dom元素绑定数据和事件，怎么办？动态添加dom元素的场景非常常见，如点击某页面上修改用户资料的按钮，发送ajax请求去查询用户资料，然后通过模板引擎将事先写在页面里的静态模板编译成HTML字符...
学习AngularJS所需技能HTML & CSSJavaScript为什么要使用AngularJS如果你想用JavaScript制作动态Web站点，使用AngularJS有以下优点：AngularJS能有效组织JavaScript代码AngularJS可以创建快速响应式Web站点AngularJS可以与jQuery同时使用AngularJS便于测试AngularJS呈现Web页面的方式 从图中可知，当浏览器首次加载页面之后，后续对于该页面的数据请求不再是刷新页面，而是从服务端获取数据之后由AngularJS修改DOM并呈现。这个原理...