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並在路線級別或根據項目結構和您的要求提供它。