如何在Angular2中访问注释内部的组件？

Question

这只是我试图了解生命周期并尝试在加载组件之前执行一些逻辑，因此我找到了CanActivate Annotation。

我在组件中有一个要调用的函数，因此我需要该组件；我已经注入了它......它似乎过于复杂。

// HomeComponent Component
@Component({
  selector: 'HomeComponent',
  template: '<h2>HomeComponent Us</h2>'
})
@CanActivate((next,prev) => {

  let injector: any = Injector.resolveAndCreate([HomeComponent]);
  let theComponent: HomeComponent = injector.get(HomeComponent);

  return theComponent.canActivate(next,prev)
})

class HomeComponent {
  data = {}
  myresolver: any

  constructor() {
    console.log("in constructor", this.data)
  }

  setData(data: any) {
    this.data = data
  }

  canActivate(nextInstr, currInstr) {
      console.log("in my resolver");
      var that = this;
      return new Promise(function(resolve, reject) {
        setTimeout(function() {
          var data = { data: "Aaron" };
          that.setData(data)
          resolve(data);
        }, 2000)
      });
    }

}

Answer 1

事实上你不能，因为注释中的处理是在实例化（或不实例化）组件之前调用的。

我猜你想将 Angular1 路由器的解析功能用于 Angular2。实际上，尚不支持此类功能。有关更多详细信息，您可以在 Angular github 中查看此问题：

• https://github.com/angular/angular/issues/4015

以下两个链接为您的用例提供了一些解决方法：

• Angular 2 - equivalent to router resolve data for new router
• Using Resolve In Angular2 Routes

希望对你有帮助， 蒂埃里