如何在 angular v14 中的純 function 中使用 class 外部注入？

Question

我想注入我的FooService並僅在單擊按鈕時使用它。

但我得到了這個錯誤：

Error: NG0203: inject() must be called from an injection context (a constructor, a factory function or a field initializer)

有沒有辦法通過inject使其工作將在單獨的 function 中？

堆棧閃電戰

import { Component, inject, VERSION } from '@angular/core';
import { FooService } from './foo.service';

const load = () => {
  const foo = inject(FooService);
  foo.doSome();
};

@Component({
  selector: 'my-app',
  template: `in app! <button (click)="onClick()">click </button>`,
})
export class AppComponent {
  name = 'Angular ' + VERSION.major;

  onClick() {
    load();
  }
}

Answer 1

恐怕這是不可能的。

您可以在此處找到錯誤說明以及使用inject的所有可能有效方法。