Avatar ·

Angular: Erro "No provider for NameService" — o que fazer?

Olá a todos! Sou novo no Angular (versão 2+) e estou tentando entender serviços e injeção de dependências. Tenho um serviço simples `NameService` que quero usar em um componente para exibir o nome do usuário. Aqui está meu serviço (`name.service.ts`): ```typescript export class NameService { getName(): string { return 'Ivan Ivanov'; } } ``` Aqui está meu componente (`app.component.ts`): ```typescript import { Component } from '@angular/core'; import { NameService } from './name.service'; @Component({ selector: 'app-root', template: `

Olá, {{ name }}!

` }) export class AppComponent { name: string; constructor(private nameService: NameService) { this.name = this.nameService.getName(); } } ``` Quando executo o aplicativo, aparece um erro no console do navegador: `Error: No provider for NameService!` Eu pensei que, se importasse o serviço e o especificasse no construtor, o Angular pegaria tudo sozinho. Mas, aparentemente, estou perdendo algo.