將數據傳遞給另一個組件

Question

我是Angular的新成員我想將數據從一個組件傳遞到另一個組件。我存儲在數組中，這是不綁定與component.html我不知道我使用@Input屬性，如果是不綁定或其他方式？

Answer 1

您可以通過爲兩個組件添加註入服務來完成此操作，然後將數據放入服務中，以便兩者都可以找到它。您也可以使用@input和@output指令，但我更喜歡服務（在此服務中共享變量已準備就緒）：

import {EventEmitter, Injectable} from '@angular/core'; 

     @Injectable() 
     export class LoadPageService { 
      private isReady= false; 
      // Event emitter that make event each time the variabe isReady 
      changes 
     Updated: EventEmitter <boolean>= new EventEmitter(); 
     setdata(value) { 
      this.isReady = value; 
      this.Updated.emit(this.isReady); 
     } 

      getdata() { 
      return this.isReady; 
     } 

     }