Question

我想将服务上的函数结果传递给组件。

服务：

import { Injectable } from '@angular/core';

@Injectable()
export class passVarHelper {

  header: string;

  constructor() {
    this.header = "Title";
  }


  passindexToHeader(index:string) {
    this.header = index;
    this.takeindexToHeader();
  }

  takeindexToHeader() {
    return this.header;
  }
}

，然后在我的组件中接收此函数的结果：

loadIndex() {
  this.indexSelected = this._passVarHelper.takeindexToHeader();
}

Answer 1

要使用Angular服务中的功能，您需要将该服务传递到组件中

// component.ts
constructor( private myService: passVarHelper ){ }

public loadIndex() {
    this.indexSelected = this.myService.takeindexToHeader();
}

Angular 6，将变量从服务发送到组件

1 个答案: