Angular组件化的方法和在Router中使用resolve的工作方式。

11 浏览
0 Comments

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?

0