Angular Academy · Aula

A função inject

Resolva dependências com a função inject.

A função inject é uma aula grátis de Angular Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Angular Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Angular Academy inclui 4 aulas no total.

A função inject

A função inject() recupera uma dependência do injetor. Ela é a alternativa moderna à injeção de dependências por parâmetros do construtor.

Uso básico

Chame inject com a classe desejada e atribua o resultado a um campo.

import { Component, inject } from '@angular/core';
import { DataService } from './data.service';

@Component({ selector: 'app-x', template: '' })
export class XComponent {
  private data = inject(DataService);
}

Comparação com a injeção pelo construtor

O estilo mais antigo declara as dependências como parâmetros do construtor. inject() faz o mesmo trabalho que um inicializador de campo, o que geralmente resulta em um código mais limpo.

// old style:
// constructor(private data: DataService) {}

Onde inject pode ser chamado

inject() deve ser executado em um contexto de injeção: durante a construção de um componente, diretiva ou serviço, ou em inicializadores de campos e funções de fábrica de provedores.

Injetando em um serviço

Use inject também dentro de serviços, por exemplo, para obter o HttpClient.

import { Injectable, inject } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({ providedIn: 'root' })
export class Api {
  private http = inject(HttpClient);
}

Menos código repetitivo

Com inject, você evita assinaturas longas de construtores. Cada dependência é uma simples declaração de campo, fácil de ler e reordenar.

Usando serviços injetados

Depois de injetar um serviço, chame-o como qualquer objeto.

export class XComponent {
  private store = inject(CounterStore);
  add() { this.store.increment(); }
}

inject em proteções funcionais

As proteções de rotas funcionais e os resolvedores são executados em um contexto de injeção, portanto você pode chamar inject dentro deles para acessar serviços.

// export const authGuard = () => {
//   const auth = inject(AuthService);
//   return auth.isLoggedIn();
// };

Dependências opcionais

inject aceita opções, como marcar uma dependência como opcional para que retorne null em vez de lançar um erro quando ela não for fornecida.

// const logger = inject(Logger, { optional: true });

Fora do contexto de injeção

Chamar inject fora de um contexto de injeção (por exemplo, em um retorno de chamada de setTimeout) lança um erro. Em vez disso, capture a dependência durante a construção.

Por que preferir inject

inject funciona bem com combinações, classes-base e APIs funcionais, além de manter as classes de componentes concisas. Essa é a abordagem recomendada no Angular moderno.

Verificação rápida: inject

Recuperando uma dependência.

Recapitulação: inject

Você aprendeu a função inject() como a forma moderna de obter dependências, utilizável em componentes, serviços e proteções funcionais dentro de um contexto de injeção. Ela reduz o código repetitivo em comparação com a injeção pelo construtor e oferece suporte a opções como optional. A seguir: provedores e escopos.

Perguntas Frequentes

A aula “A função inject” é grátis?

Sim — o texto completo de “A função inject” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Angular Academy, atualize para CoddyKit PRO. O curso de Angular Academy inclui 4 aulas no total.

O que vou aprender em “A função inject”?

Resolva dependências com a função inject. Você pratica Angular Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Angular Academy?

Nenhuma experiência prévia é necessária. Angular Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.

Quanto tempo leva a aula “A função inject”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Angular Academy?

Sim. Cada aula de Angular Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Angular Academy