角度服務注入的未定義`this`實例

Question

考慮以下示例：

我的組件.ts

export class MyComponent {

  constructor(private myService: MyService) {
    myService.printServiceField();
  }
}

我的服務.ts

@Injectable({
  providedIn: 'root'
})
export class MyService {

  readonly myField= 'N/A';

  constructor() {}

  printServiceField() {
    console.log(this.myField);
  }

我得到以下

錯誤類型錯誤：“這是未定義的”

誰能解釋為什么或指出我正確的方向？ 如果我將 myField 設為static （並使用MyService.myField調用它），則它可以工作。 我並不是真的在尋找解決方案（我有），而是為什么會發生這種情況。

Answer 1

它工作正常 - 這里是 stackblitz ： https ://stackblitz.com/edit/angular-khbj1x