Injectable

The @Injectable() decorator defines a class as a service in Angular and allows Angular to inject it into a Components as a dependency.

@Injectable({
 providedIn: 'root',
})
export class Logger {
  log(msg: any)   { console.log(msg); }
  error(msg: any) { console.error(msg); }
  warn(msg: any)  { console.warn(msg); }
}

When you provide the service at the root level, Angular creates a single, shared instance of Logger and injects it into any class that asks for it.

---

Backlinks

• Dependency Injection
• Services