Angular 2：@component装饰器中的指令和提供程序

Question

嗨，我是Angular 2的新手，我曾推荐过许多其他类似的文章，但没有任何帮助。

以下是我的查询

1. 何时在@component装饰器中使用指令和提供程序参数？ 导入组件时是否需要在任何此参数内传递组件

2. 我在oninit（）内进行了http订阅调用，但是当页面加载时，在控制台中未定义的值从未调用过。 当页面加载时，我怎么称呼它。

 ngOnInit() { this.loginService.getLoginData() .subscribe(data => { this.loginData = data; this.loginDataLength = data.length; }); console.log(this.loginData); } 

3. 路由时如何在2个组件之间进行通信？
4. 指令和组件有什么区别

Answer 1

-何时在@component装饰器中使用指令和提供程序参数？

指令，当您要使用指令时，可以将其加载到指令中，但是该指令是较旧的版本。

提供商，当您想在组件或模块中加载服务时

-首先将您的代码更改为此：

ngOnInit() {
    this.loginService.getLoginData()
      .subscribe(data => {
        this.loginData = data;
        this.loginDataLength = data.length;
        console.log(this.loginData);
      });

  }

这是一个异步调用，因此您不会按顺序获取数据，http调用完成后将不会调用您的控制台日志，它会在api被调用后立即被调用，因此您必须将其记录在subscribe方法中。

-路由时如何在2个组件之间进行通信？

通过使用CommonService并在路线级别或根据项目结构和您的要求提供它。