AngularJS：知识点整理

1. ng内置的过滤器

主要有9种：

1）date（日期）

2）currency（货币）

3）limitTo（限制数组或字符串长度）

4）orderBy（顺序）

5）lowercase（小写）

6）uppercase（大写）

7）number（格式化数字）

8）filter（处理一个数组，过滤出含有某个子串的元素）

9）json（格式化json对象）

过滤器有两种使用方法：

一种是直接在页面里：

​​<p>{{modelValue | date : 'yyyy-MM-dd'}}</p>​​

另一种是在js里用：

​​$filter('date')(modelValue, yyyy-MM-dd)​​

2. Angular应用常用哪些路由库，各自的区别是什么？

Angular1.x中常用ngRoute和ui.router

2. ngRoute
   ngRoute模块是Angular自带的路由模块

var app = angular.module('ngRouteApp', ['ngRoute']);
app.config(function($routeProvider) {
  $routeProvider
  .when('/main',  {
    templateUrl: "main.html",
    controller: 'MainCtrl'
  })
  .otherwise({redirectTo: '/tabs'});
})

​​$routeProvider​​是一个用于配置路由的内置服务。
一般直接使用​​$routeProvider.XXX​​来调用它的成员方法实现一定功能，其成员方法主要有：
​​otherwise(params)​​：设定映射信息到\(route.current；`when(path, route)`：向\)route服务添加新的路由。

2. ui.router
   ui.router模块是基于ngRoute模块开发的第三方路由模块。
   其是基于state的，ngRoute是基于url的，ui.router具有更强大的功能，主要体现在视图的嵌套方面。
   其可以定义有明确父子关系的路由，并通过ui-view指令将子路由模板插入父路由模板的中，从而实现视图嵌套。
   而在ngRoute中不能这样定义，如果在父子视图中使用，会陷入死循环。

var app = angular.module("uiRouteApp", ["ui.router"]);
app.config(function($urlRouterProvider, $stateProvider){
  $urlRouterProvider.otherwise("/index");
  $stateProvider
    .state("Main", {
      url: "/main",
      templateUrl: "main.html",
      controller: 'MainCtrl'
    })

步履不停