Stackblitz中的服务连接不起作用

时间:2019-12-06 22:45:33

标签: angular typescript stackblitz

目标:
与stackblitz中名为Data的服务建立连接。

问题:
没用我缺少哪一部分?

Stackblitz:
https://stackblitz.com/edit/angular-mpy6pr

谢谢!

2 个答案:

答案 0 :(得分:2)

有两个问题:

  1. HttpClientModule 导入您的app.module.ts

    import { HttpClientModule } from "@angular/common/http";
    
    @NgModule({
      imports: [BrowserModule, FormsModule, HttpClientModule],
      ...
    })
    
  2. 下一步在app.component.ts

    中修复导入
    import { DataService } from './_services/data.service';
    

Forked stackblitz

答案 1 :(得分:0)

https://stackblitz.com/edit/angular-ytzk2a?file=src/app/app.component.ts

您缺少此部分,您需要引用文件而不仅仅是文件夹:

enter image description here