javascript - Angular 1.5.x 组件路由器解析 (2)

Question

如何让组件路由在执行 Controller 并渲染 View 之前等待数据。类似于ngRoute和ui-router的resolve。

文档中有这样的内容:

这只等待网址更改，例如:

//Old url
http://localhost/#/

// wait the promise (eg 1s) and then change the url to
http://localhost/#/heroes

但是点击链接后 View 立即改变，然后url也改变了，太奇怪了!

这不会阻止 View 渲染或 Controller 执行(显然)。

Demo of this situation:

Code and preview: plunkr.co (click in heroes)

有一个类似的问题没有答案:Angular 1.5.x Component Router Resolve

Answer 1

我找到了解决方案:

这应该在组件定义中配置:

.component('myComponent', {
    templateUrl: './my-compnent.html',
    controller: MyComponentCtrl,
    $canActivate: function($nextInstruction, $prevInstruction) {
      return Promise.resolve(<true or false>);
    }
})