var app = angular.module('app', []);
app.controller('indexCtrl', ['$scope', 'demoService', function($scope, demoService) {
  $scope.name = demoService.getName();
}])

路由控制：

var app = angular.module('app', ['ngRoute']);
app.config(['$routeProvider', function($routeProvider) {
  $routeProvider
    .when('/list', {
      templateUrl: 'module/order/list.html', 
      controller: 'listCtrl'
    })
    .when('/detail/:orderid', {
      templateUrl: 'module/order/detail.html', 
      controller: 'detailCtrl'
    })
    .otherwise({redirectTo: '/dashboard'});
}]);

指令（directive）：

簡單理解為－在特定DOM上運行的函數，指令可以擴展這個DOM的功能。

應用場景：封裝通用插件

var app = angular.module('app', []);
app.directive('tree', function($location) {
  return {
    restrict: 'EA',
    replace: true,
    scope: {
      treeNodes: '='
    },
    templateUrl: './script/directive/template/treeTmpl.html',
    link: function($scope, $element, $attrs) {
      $scope.directTo = function(url) {
        if(!!url) {
          $location.path(url);
        }
      }
    }
  }
})

參考資料：

服務（service）：

簡單理解－單例對象

三種構建方式：

factory、service、provider

區分：

factory需要創建一個對象，并return這個對象。比較常用且容易理解。

var app = angular.module('app', []);
app.factory('demoService', function() {
  var service = {
    getName: function() {
      var myName = 'Tom';   
      return myName;
    }
  };
  return service;
})

service接收一個構造函數，不需要創建一個對象并return。跟factory的方式區別不大，源碼里只是加了層封裝。

var app = angular.module('app', []);
app.service('demoService', function() {
  this.getName: function() {
    var myName = 'Tom';
    return myName;
  }
})

provider是創建service 最底層的方法，需要在自帶的$get()方法里做邏輯。跟上面兩個的區別在于：可以通過config()方法配置創建service 。

var app = angular.module('app', []);
app.provider('demoService', function() {
  this.$get = function() {
      var service = {
        getName: function() {
            var myName = 'Tom';
            return myName;
        }
      }
      return service;
    }
})

provider應用場景：

當我們需要在應用開始前對service進行配置的時候，eg：我們需要配置services在不同的部署環境里（開發、測試、生產），使用不同的后端接口處理時。
當我們打算發布開源時。

參考資料： AngularJS中factory，service，provider的區別

過濾器（filter）：

用于處理數據的格式化（format），eg：日期格式化、數字精度處理、字符串截取、對象排序等。

var app = angular.module('app', []);
app.filter('sortFilter', function() {
    return function(type) {
        if(type.toUpperCase() == 'ASC') {
            return 'DESC';
        } else {
            return 'ASC';
        }
    }
})

參考資料： AngularJS filter詳解