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

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

      }