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

时间:2016-09-06 22:16:29

标签: javascript angularjs angular-component-router angular-components

如何使组件路由等待数据执行控制器并呈现视图。与resolvengRoute的{​​{1}}类似。

文档包含:

Angular Component Router

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

ui-router

但是点击链接后视图立即被更改,然后网址被更改了,太奇怪了!

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

  

这种情况的演示:

     

代码和预览:plunkr.co (点击英雄)

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

1 个答案:

答案 0 :(得分:2)

我找到了解决方案:

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

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