多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
### 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 不会被触发。