Angular cli génère un service et inclut le fournisseur en une seule étape

Question

Il est possible de générer un service avec angular cli et de l'ajouter en tant qu'élément d'infrastructure. fournisseur dans le app.module.ts en une seule étape ou à l'aide d'une option spéciale dans le programme ng g service commande ?

Quand une exécution :

$ 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

A côté, (et selon le message d'AVERTISSEMENT) je l'ajoute généralement à fournisseur section sur app.module.ts en utilisant l'éditeur de texte :

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

Il est possible de le faire en une seule étape, d'automatiser cela ?

Answer 1

En fait, il est possible de fournir le service (ou la garde, puisqu'il faut aussi la fournir) lors de la création du service.

La commande est la suivante...

ng g s services/backendApi --module=app.module

Editar

Il est également possible de fournir un module de fonctionnalité, vous devez lui donner le chemin vers le module que vous souhaitez.

ng g s services/backendApi --module=services/services.module

Answer 2

Angular 6+ Singleton Services

El approche recommandée pour un service singleton pour Angular 6 et au-delà est :

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

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

En fait, le CLI --module commutateur n'existe même plus pour l'enregistrement d'un service au app parce qu'il n'a pas besoin de modifier app.module.ts plus.

Cela créera le code ci-dessus, sans avoir besoin de spécifier un module.

ng g s services/user

Donc si vous Ne le fais pas. si vous voulez que votre service soit un singleton, vous devez supprimer l'élément providedIn vous-même, puis ajoutez-le manuellement à providers pour un composant ou un module chargé paresseusement. Il ne semble pas qu'il y ait actuellement un commutateur pour ne pas générer l'élément providedIn: 'root' Vous devez donc le supprimer manuellement.

Answer 3

Légère modification de la syntaxe par rapport à la réponse acceptée pour Angular 5 et angular-cli 1.7.0

ng g service backendApi --module=app.module

Answer 4

Spécifier les chemins

--app
  --one
    one.module.ts
    --services

  --two
    two.module.ts
    --services

Créer Service avec un nouveau dossier dans le module ONE

ng g service one/services/myNewServiceFolderName/serviceOne --module one/one

--one
  one.module.ts // service imported and added to providers.
  --services
    --myNewServiceFolderName
      serviceOne.service.ts
      serviceOne.service.spec.ts

Answer 5

Ajouter un service à l'application Angular 4 en utilisant Angular CLI

Un service Angular 2 est simplement une fonction javascript, avec ses propriétés et méthodes associées, qui peut être incluse (via l'injection de dépendances) dans les composants Angular 2.

Pour ajouter un nouveau service Angular 4 à l'application, utilisez la commande ng g service serviceName . Lors de la création du service, le CLI d'Angular affiche une erreur :

Pour résoudre ce problème, nous devons fournir la référence du service à l'utilisateur. src\app\app.module.ts à l'intérieur de providers l'entrée de @NgModule méthode.

Initialement, le code par défaut dans le service est :

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

@Injectable()
export class ServiceNameService {

  constructor() { }

}

Un service doit avoir quelques méthodes publiques.