filter 是一个过滤内容的标签。如果参数是一个字符串，则列表成员中的任意属性值中有这个字符串，即为满足条件（忽略大小写）： {{ data | filter: 'b' }} {{ data | filter: '!B' }} var TestCtrl = function($scope){ $scope.data = [

一、obj包含 .header { background-color:#3ab44a; color:white; font-weight:bold; } .item { padding-left:8px; }

{{ pd }} pds:{{ pds | json }} function TestCtrl($scope, $location, $window, $rootScope) { $scope.pds = [ {name: 'a'}, {name: 'b'} ]; $sco

你可以命名你的视图名称这样你就可以拥有多个视图。比如说你有一个应用程序的状态中需要动态的图形，很多的表格和表格的筛选器像这样：当设定多个视图时，你需要state的views属性，views是一个object对象。view覆盖state的templeate属性如果你定义了views属性，state的templateUrl, template and templateProvide

在你的应用程序中 ，大多数状态都会有一个相关联的url。URL的路由不是事后才定义好的，而是之前就定义好的。$stateProvider .state('contacts', { url: "/contacts", templateUrl: 'contacts.html' })现在当用户访问到index.html/contacts时， 'c

$http$http服务是基于$q服务的，提供了promise封装，它接受一个配置对象参数，并返回一个promise对象。同时，它还提供了2个方法用来定义Promise回调：success 和 error。$http({method:"GET", url:"/someUrl"}). success(function(data, status, headers, config){

http://angular-ui.github.io/ng-gridAPI DocumentationGrid Optionsiddefault valuedefinitionplunkeraggregateTemplate{{row.label CUSTOM_FILTERS}} ({{row.totalChildren()}} {{A

$stateProvider工作的方式与Angular's v1 router相近，但是他更加注重状态状态对应于应用程序中某个位置，整体的UI和导航A state corresponds to a "place" in the application in terms of the overall UI and navigation.状态通过控制器、模板、视图属性描述了UI和他的机制。

$stateProvider$stateProvider.state(stateName, stateConfig)Creates a new application state. For alternate usage, see Object-based StatesThe parameters for .state() are:stateNameString一个唯一

Methods for Nesting StatesStates can be nested within each other. There are 3 ways of nesting states:Using 'dot notation'. For example .state('contacts.list', {}).Using the parent property with

http://jsfiddle.net/DnEXC///Fix for sorting objects. By default they are sorted by associative index.//$scope.notSorted = function(obj){if (!obj) {return [];}return Object.keys(obj);

1 2 3 4 5 {{ page }} function TestCtrl($scope) { $scope.page = 1; $scope.getData = function () { console.log($scope.page); } $scop

Datepicker Settingsshow-weeks：是否显示每月的第几周，默认为turestarting-day：日历显示的时间的第一个日期，默认为0，(0=Sunday, ..., 6=Saturday)min：定义最小的显示时间，默认为空max：定义最大的显示时间，默认为空date-disabled (date, mode) (Default: null) : An optio

缩写语法Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性。元素可以使用元素名（如 div 或者 p）来生成 HTML 标签。Emmet 没有预定义的有效元素名的集合，可以把任何单词当作标签来生成和使用：div → , foo →  等。嵌套运算符嵌套运算符用于以缩写的方式安排元素在生成文档树中的位置：将其放在内部或成为相邻的元素。子: >

面讲了数据绑定之后，现在可以单独讲讲模板了。作为一套能称之谓“模板”的系统，除了能干一些模板的常规的事之外（好吧，即使是常规的逻辑判断现在它也做不了的），配合作用域$scope 和 ng 的数据双向绑定机制， ng 的模板系统就变得比较神奇了。定义模板内容定义模板的内容现在有三种方式：在需要的地方直接写字符串外部文件使用 script 标签定义的“内部文件”

这里说的过滤器，是用于对数据的格式化，或者筛选的函数。它们可以直接在模板中通过一种语法使用。对于常用功能来说，是很方便的一种机制。多个过滤器之间可以直接连续使用。1.排序 orderByorderBy 是一个排序用的过滤器标签。它可以像sort 函数那样支持一个排序函数，也可以简单地指定一个属性名进行操作： {{ data | orderBy: 'age' }}

这里提到的“作用域”的概念，是一个在范围上与 DOM 结构一致，数据上相对于某个 $scope 对象的属性的概念。我们还是从 HTML 代码上来入手： <div style="width: 100px; height: 100px; background-color: red;" ng-click="click()"> {{ w }} x {

1.http请求基本的操作由 $http 服务提供。它的使用很简单，提供一些描述请求的参数，请求就出去了，然后返回一个扩充了success 方法和 error 方法的 promise 对象（下节介绍），你可以在这个对象中添加需要的回调函数。 var TestCtrl = function($scope, $http){ var p = $http({ meth

1.模块和服务的概念与关系总的来说，模块是组织业务的一个框框，在一个模块当中定义多个服务。当你引入了一个模块的时候，就可以使用这个模块提供的一种或多种服务了。比如 AngularJS 本身的一个默认模块叫做ng ，它提供了 $http ， $q 等等服务。服务只是模块提供的多种机制中的一种，其它的还有命令（ directive ），过滤器（ filter ），及其它配置

1. AngularJS路由介绍AngularJS路由功能是一个纯前端的解决方案，与我们熟悉的后台路由不太一样。后台路由，通过不同的URL会路由到不同的控制器上(controller)，再渲染(render)到页面(HTML)。AngularJS的前端路由，需求提前对指定的(ng-app)，定义路由规则(routeProvider)，然后通过不同的URL，告诉(ng-app)加载哪个页面(HT

ngSanitize$sanitize1.引入文件 angular.module('app', ['ngSanitize']);2.Usage Snippet: Directive How Source Re

$modal是一个可以迅速创建模态窗口的服务，创建部分页，控制器，并关联他们$modal仅有一个方法open(options)templateUrl：模态窗口的地址template：用于显示html标签scope：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域）默认为$rootScopecontroller：为$modal指定的控制器，初始化$scope

popoverpopover-title：显示的标题popover-placement：默认为top，其他为"bottom", "left", "right"popover-animation：是否有fade in和fade out的动画效果，默认为truepopover-popup-delay：鼠标放置多少毫秒之后才会显示内容，默认为0popover-trigger：何种方式触发提示

Pagination Settings设置可以被提供为在或全局属性通过paginationConfig配置。page:当前的页数