将数据传递给另一个组件

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; 
     } 

     }