Javascript 将数据传递给另一个组件

Javascript 将数据传递给另一个组件,javascript,angular,typescript,Javascript,Angular,Typescript,我是角度方面的新手,我想把数据从一个组件传递到另一个组件。我将其存储在未绑定到component.html的数组中。我想知道,如果is未绑定,我是否使用@Input属性或其他方式?可以通过为两个组件添加一个注入服务来实现这一点,然后将数据放入服务中,以便两个组件都能找到它。您也可以使用@input和@output指令,但我更喜欢该服务(在该服务中,两者共享变量is ready): 从'@angular/core'导入{EventEmitter,Injectable}; @可注射() 导出类Loa

我是角度方面的新手,我想把数据从一个组件传递到另一个组件。我将其存储在未绑定到component.html的数组中。我想知道,如果is未绑定,我是否使用@Input属性或其他方式?

可以通过为两个组件添加一个注入服务来实现这一点,然后将数据放入服务中,以便两个组件都能找到它。您也可以使用@input和@output指令,但我更喜欢该服务(在该服务中,两者共享变量is ready):

从'@angular/core'导入{EventEmitter,Injectable};
@可注射()
导出类LoadPageService{
private isReady=false;
//事件发射器,每次变量准备就绪时生成事件
变化
更新:EventEmitter=新的EventEmitter();
设置数据(值){
this.isReady=值;
this.Updated.emit(this.isReady);
}
getdata(){
把这个还给我。我已经准备好了;
}
}

您需要查看此文档并进行bit研究
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;
        }

      }