Serviços do Angular

Name: Serviços do Angular
Author: Michaela Ochnich

Explora a função dos serviços Angular e injeções de dependência

Preview the first lesson free — get full access to all 3 lessons.

Curso: sob demanda

Esta lição cobrirá serviços angulares e como começar a usá-los. Os serviços são uma classe angular especial que trabalha para realizar uma função específica para o aplicativo. Os serviços ajudam a separar certas funcionalidades do aplicativo dos componentes. Especificamente funções que não precisam interagir com uma vista. E esses serviços são reutilizáveis. A mesma classe de serviço pode ser usada e injetada em vários componentes. Isso ajuda a manter seu aplicativo modular e mais eficiente. Os serviços podem fornecer muitas funções diferentes, como fazer chamadas de API para buscar dados. Também pode alterar ou processar os dados de alguma forma antes de passá-lo para o componente. Os serviços também são usados para compartilhar dados entre componentes não relacionados. E a Angular também fornece alguns serviços pré-construídos. O cliente HTTP é comum, que é usado para fazer solicitações HTTP. Para criar um serviço, você executará os comandos, NG gera serviço e, em seguida, o nome do serviço. E aqui você pode ver que ele criou dois tipos diferentes arquivos de script. Este primeiro tipo de arquivo de script é usado para escrever testes para o componente. E o segundo tipo de arquivo de script aqui é para a classe. A classe usa o decorador injetável, que marca esta classe como um serviço Angular e passa um objeto de metadados para fornecer informações de configuração. Para este serviço, vou escrever uma função rápida aqui que zomba de uma chamada de API e retorna uma lista de itens para o usuário. Então, para usar o serviço em um componente, ele deve ser injetado nessa classe de componente. Eu tenho um componente chamado lista de visualização já gerado aqui. E primeiro o serviço tem que ser importado. E então o serviço tem que ser injetado no construtor de componente. Fornecendo o serviço ao construtor aqui permite que a classe do componente chame seus métodos. Isso é tratado com a injeção de dependência do Angular, que será abordado com mais detalhes em uma lição posterior. Em seguida, vou declarar uma variável para armazenar os itens e, em seguida, faça a chamada para o serviço para recuperá-los. Agora, quando o componente é inicializado, vai chamar essa função de serviço para recuperar os itens da lista e armazená-los na matriz. Então, no template de componente, Vou apenas exibir essa matriz rapidamente. Agora vou executar o aplicativo. O principal componente do aplicativo já está configurado para mostrar este componente da lista aqui. Agora vou executar o aplicativo e abri-lo em uma janela do navegador. E você pode ver que a lista está sendo exibida no componente aqui. Você também pode chamar o serviço a partir do modelo de componente, mas, para isso, primeiro é necessário tornar o serviço público. Então, de volta à classe de componentes aqui Vou mudar isso para torná-lo um serviço público. Então, vou adicionar um botão que, quando clicado chamará esse mesmo método do serviço. E então vou remover a chamada de serviço que está sendo feito na classe de componente. E agora o componente busca apenas o item da lista do serviço quando o botão é pressionado. É isso para esta introdução rápida aos serviços. Na próxima lição, examinaremos a injeção de dependência.

Principiante Fornecedor : Michaela Ochnich 3 lições · 10m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Estas lições discutem os serviços Angular e a função que eles desempenham em uma aplicação. Aprenderás como criares um serviço com um decorador. Também aprenderás sobre como o Angular usa injeção de dependência para gerenciares dependências, como serviços, e fornecê-las em uma aplicação.

O Que Você Vai Aprender

Compreender o papel que os serviços Angular desempenham em uma aplicação
Criar um serviço Angular usando um decorador
Explicar como Angular usa injeção de dependência para gerenciar dependências
Descrever como os serviços são fornecidos em uma aplicação por meio de injeção de dependência
Aplicar o decorador de serviço e seus metadados ao definir um serviço

Principais Conclusões

Os serviços Angular desempenham um papel definido em uma aplicação, e estas lições explicam qual é esse papel.
Um serviço pode ser criado usando um decorador.
Angular usa injeção de dependência para gerenciar dependências, incluindo serviços.
A injeção de dependência é o mecanismo que Angular usa para fornecer serviços dentro de uma aplicação.

Perguntas Frequentes

O que este curso de Serviços Angular abrange?

O curso abrange os serviços Angular e o papel que desempenham em uma aplicação, como criar um serviço usando um decorador e como Angular usa injeção de dependência para gerenciar dependências como serviços e fornecê-los em uma aplicação.

Quais são os objetivos de aprendizado deste curso?

Os objetivos de aprendizado declarados são aprender o papel dos serviços Angular e aprender como Angular usa injeção de dependência.

Quais tópicos ou lições estão incluídos?

As lições são: O que é um serviço?, Injeção de Dependência e Decorador de serviço e metadados.

Quais habilidades este curso está relacionado?

Está relacionado a Angular (Web Framework), Angular Components, Angular Material, Angular UI, Component Services e Service Object.

Vou aprender a criar um serviço Angular?

Sim. O curso ensina como criar um serviço usando um decorador e abrange o decorador de serviço e seus metadados.