### 9.3. 業務處理 簡單來說，當一個錨點路由定義被匹配時，會根據模板生成一個 _$scope_ ，同時相應的一個 controller 就會被觸發。最后模板的結果會被填充到 _ng-view_ 中去。 從上面的例子中可以看到，最直接的方式，我們可以在模板中雙向綁定數據，而數據的來源，在 controller 中控制。在 controller 中，又可以使用到像 _$scope_ ， _$routeParams_ 這些服務。 這里先提一下另外一種與錨點路由相關的服務， _$route_ 。這個服務里錨點路由在定義時，及匹配過程中的信息。比如我們搞怪一下： angular.module('ngView', [], function($routeProvider){ $routeProvider.when('/a', { template: '{{ title }}', controller: function($scope){ $scope.title = 'a'; } } ); $routeProvider.when('/b', { template: '{{ title }}', controller: function($scope, $route){ console.log($route); $route.routes['/a'].controller($scope); } } ); } ); 回到錨點定義的業務處理中來。我們可以以字符串形式寫模板，也可以直接引用外部文件作為模板： angular.module('ngView', [], function($routeProvider){ $routeProvider.when('/test', { templateUrl: 'tpl.html', controller: function($scope){ $scope.title = 'a'; } } ); } ); _tpl.html_ 中的內容是： {{ title }} 這樣的話，模板可以預定義，也可以很復雜了。 現在暫時忘了模板吧，因為前面提到的，當前 _ng-view_ 不能有多個的限制，模板的渲染機制局限性還是很大的。不過，反正會觸發一個 controller ，那么在函數當中我們可以盡量地干自己喜歡的事： angular.module('ngView', [], function($routeProvider){ $routeProvider.when('/test', { template: '{{}}', controller: function(){ $('div').first().html('<b>OK</b>'); } } ); } ); 那個空的 _template_ 不能省，否則 controller 不會被觸發。