元素被点击时调用方法或者表达式：<!doctype html>
<html ng-app="myApp">
<head><link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css"><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
</head>
<body><div ng-controller="CounterController"><button ng-click="count = count + 1" ng-init="count=0">Increment</button>count: {{count}...
导言 stackoverflow上有一个人问了一个问题：如果我有jQuery背景，我应该如何切换到AngularJS的思维模式？ 有一个回复非常经典，获得了两千多票。 为了让国内开发者也能领略到其中的核心思想，现把这个问题和答案翻译出来供大家参考。 Question 假设我已经熟悉了如何使用jQuery来开发客户端应用，我现在打算使用AngularJS。请描述一下有那些思维模式方面的东西需要转变吗？下面是举出一些具体的问题，用来帮助你回答我的这个问题：...
AngularJS集合数据遍历显示 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>AngularJS集合数据遍历显示</title> 6<script type="text/javascript" src="../js/angular.min.js"></script> 7</head> 8<body ng-app="myapp" ng-controller="myctrl"> 9<table width="100%" border="1">10<tr>11<td>序号</td>12<td>商品编号</td>13<td>商品名称</td>14<td>价格</td>15</tr>16<tr ng-repeat="product in products">...
AngularJS项目开发技巧之获取模态对话框中的组件ID需求 出于项目开发需求，需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时，模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。 模态框核心代码如下:<script type="text/ng-template" id="billDtlContent.html"> <div class="modal-header"> <h3 class="modal-title">立马送药订单</h3> </div> <div class...
ng-repeat 指令可以完美的显示表格。在表格中显示数据使用 angular 显示表格是非常简单的：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body><div ng-app="myApp" ng-controller="customersCtrl"> <table><tr ng-repeat="x in names"><td>{{ x.Name }}</td><td>{{ x.Country }}</td></tr>
</table></div><script>
var ap...
关于angularjs、requirejs的基础知识请自行学习一、简单事例的项目目录如下：-index.html-scripts文件夹 --controller文件夹 --- mianController.js --- controller1.js ---controller2.js --directives文件夹 ---mainDirective.js ---directive.js --app.js --router.js --main.js 二、首页首先你的index.html大概如下<!doctype html>
<!-- <html xmlns:ng="//angularjs.org" id="ng-app" ng-...
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body><div ng-app="myApp" ng-controller="myCtrl"><p>名字 : <input type="text" ng-model="firstName" ng-bind="firstName"></p><p>名字 : <input type="text" ng-model="lastName" ng-bind="lastName"></p><span>{{firstName+" "+lastName}}</span> </div><s...
1.关于Scope。 AngularJs的一大特点就是数据与视图的双向绑定，实质上数据是作为Scope的值存在的。 关于Scope,不得不说它的作用域。既然是作用域，那肯定涉及多处。首先是父子Controller嵌套的时候，子controller默认会继承父controller的作用域，也就是说会得到父Scope中的函数、变量。值得注意的是变量是指一个原文：http://www.cnblogs.com/zaixiuxing/p/5244066.html
$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...
