Services

Ziele

• Du weisst, wozu Services in Angular verwendet werden und kannst diese genauer erläutern.

Services

Angular-Services sind in Angular eine wichtige Art, Code zu organisieren und wiederzuverwenden. Sie bieten eine Möglichkeit, Funktionen und Daten zu teilen, die von mehreren Components innerhalb einer Anwendung benötigt werden. Ein Service ist eine Klasse, die von anderen Components injiziert werden kann, um auf seine Funktionen und Daten zuzugreifen.

Services können beispielsweise Daten von einem Backend-Server abrufen, eine benutzerdefinierte Logik ausführen, eine Konfiguration bereitstellen oder andere Arbeiten erledigen, die für mehrere Komponenten relevant sind. Im Gegensatz zu Komponenten haben Services normalerweise keine visuelle Darstellung, sondern dienen als reine “Helfer”-Instanzen.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

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

@Injectable({
  providedIn: "root",
})
export class WeaponService {
  private weapons: string[] = ["Sword", "Bow", "Axe", "Staff", "Dagger"];

  getWeapons(): string[] {
    return this.weapons;
  }
}

providedIn

Innerhalb der @Injectable-Annotation findet sich immer die Konfiguration providedIn. Diese bestimmt, innerhalb welchen Scopes sich der Service injizieren lässt. Standardmässig hat die Konfiguration den Wert root inne, der aussagt, dass der Service innerhalb der gesamten Applikation injiziert werden kann. Insofern ein Service nur in einem bestimmten Teil der Applikation injiziert werden soll, kann der Scope mithilfe von providedIn angepasst werden.