Avatar ·

Angular: Error "No provider for NameService" — ¿qué hacer?

¡Hola a todos! Soy nuevo en Angular (versión 2+) y estoy tratando de entender los servicios y la inyección de dependencias. Tengo un servicio simple `NameService` que quiero usar en un componente para mostrar el nombre del usuario. Aquí está mi servicio (`name.service.ts`): ```typescript export class NameService { getName(): string { return 'Iván Ivanov'; } } ``` Aquí está mi componente (`app.component.ts`): ```typescript import { Component } from '@angular/core'; import { NameService } from './name.service'; @Component({ selector: 'app-root', template: `

¡Hola, {{ name }}!

` }) export class AppComponent { name: string; constructor(private nameService: NameService) { this.name = this.nameService.getName(); } } ``` Cuando ejecuto la aplicación, aparece un error en la consola del navegador: `Error: No provider for NameService!` Pensé que si importaba el servicio y lo especificaba en el constructor, Angular lo tomaría automáticamente. Pero, aparentemente, algo estoy...