Angular组件化的方法和在Router中使用resolve的工作方式。
Angular组件化的方法和在Router中使用resolve的工作方式。
我正在使用基于组件的方法在angular中工作,假设我有一个叫做
import template from './home.html';
import controller from './home.controller.js';
angular.module('myApp')
.directive('home', homeDirective);
let homeDirective = () => {
return {
restrict: 'E',
template,
controller,
controllerAs: 'vm',
bindToController: true
};
};
现在我可以在我的路由中使用组件
angular.module('myApp')
.config(($routeProvider) => {
$routeProvider.when('/', {
template: '
})
})
我真的很喜欢这种方法,但是在“旧”的方法中,我习惯在我的路由配置中使用“resolve”来在一个promise被解决时渲染组件:
angular.module('myApp')
.config(($routeProvider) => {
$routeProvider.when('/', {
templateUrl: './home.html',
controller: './home.controller.js',
resolve: {
message: function(messageService){
return messageService.getMessage();
}
})
})
问题
在基于组件的方法中,我如何使用resolve?