Angular cli在一个步骤中生成服务并包含提供者

Question

可以使用angular cli生成服务，并将其作为提供者添加到app.module中。一步到位还是在nggservice命令中使用特殊选项？

当执行:

$ ng g service services/backendApi
installing service
  create src/app/services/backend-api.service.spec.ts
  create src/app/services/backend-api.service.ts
  WARNING Service is generated but not provided, it must be provided to be used

在它旁边（根据警告消息），我通常会将它添加到app.module的provider部分。ts使用文本编辑器：

@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    ....
  ],
  providers: [BackendApiService],
  bootstrap: [AppComponent]
})

有没有可能用一个简单的步骤来实现自动化？

Answer 1

看起来在Angular v11和更高版本中，我们不再有选项“s ”:

ng g service services/backendApi

或者像那样：

ng g service services/backendApi --flat --skipTests=true

Answer 2

Angular 6及更高版本的单机服务的推荐方法是：

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

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

事实上，CLI＜code＞--module＜/code＞开关甚至不再存在，因为它不需要修改＜code＞app.module。ts。

这将创建上述代码，而无需指定模块。

ng g s services/user

因此，如果您不希望您的服务是单一的，您必须自己删除中提供的代码，然后手动将其添加到 for a component或lazy loaded module。看起来当前没有开关不生成 providedIn:'root'部分，因此您需要手动删除它。

Answer 3

实际上，可以在创建服务时提供服务(或防护，因为也需要提供防护)。

命令如下…

ng-services/backendApi-module=app.module

编辑

也可以向功能模块提供，您必须为其提供您想要的模块的路径。

ng g s服务/BackendApi--模块=服务/services.module