将数据传递给另一个组件

时间:2017-08-09 07:02:01

标签: javascript angular typescript

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

1 个答案:

答案 0 :(得分:1)

您可以通过为两个组件添加注入服务然后将数据放入服务中以便两者都能找到它来完成此操作。你也可以使用@input和@output指令,但我更喜欢这个服务(在这个服务中,两者共享varible已经准备好了):

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

      }