Angular 1.5.x 组件路由器解析（2）

Question

如何让组件路由在执行控制器和渲染视图之前等待数据。类似于ngRoute 和ui-router 中的resolve。

文档有这个：

这只是等待url改变，例如：

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

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

但是在点击链接后立即改变了视图，然后改变了url，太奇怪了！

这不会阻止视图渲染或控制器执行（显然）。

这种情况的演示：

代码和预览：plunkr.co（点击英雄）

有一个类似的问题没有答案：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>);
    }
})