将数据传递给另一个组件[重复]

Posted 2023-03-13

【中文标题】将数据传递给另一个组件[重复]

【英文标题】：Passing data to another component [duplicate]

【发布时间】：2018-01-16 22:22:04

【问题描述】：

我是 Angular 的新手，我想将数据从一个组件传递到另一个组件。我将它存储在未与 component.html 绑定的数组中，我想知道如果未绑定或其他方式，我是否使用 @Input 属性？

【问题讨论】：

你需要看这个文档angular.io/guide/component-interaction

做点研究

【参考方案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;