Diretivas do Blazor

Se você já trabalhou um pouco com o Blazor, já teve contato com algumas das diretivas que podem ser utilizadas nos componentes.

Para efeito de referência, nesse artigo vamos listar todas as diretivas que podem ser utilizadas em um componente, são elas:

@page: Define que o componente pode responder diretamente a requisições do browser. Nessa diretiva definimos o template da rota do componente, exemplo: @page “/counter”

@using: Utilizada para importar um namespace no componente. Na prática o using é adicionado no código da classe dotnet gerada para o componente. Exemplo: @using System

@inject: Essa diretiva serve para injetarmos serviços no nosso componente. Exemplo: @inject IUriHelper UriHelper

@layout: Especifica qual o Layout que será utilizado para renderizar o componente. Exemplo: @layout MainLayout

@inherits: Essa diretiva é utilizada para definir que o componente irá herdar de uma outra classe. Exemplo: @inherits ComponentBase

@implements: Deve ser utilizada quando o componente precisa implementar uma interface. Exemplo: @implements IDisposable

@typeparam: Serve para definir um Tipo Genérico para o Componente.

@functions: É utilizada para incluir um bloco de código C# dentro do componente. Veja um Exemplo na Figura 1.

Figura 1: Diretiva @functions para incluir código c# no componente.

Como você pode ver as diretivas servem para ajudar o Blazor a criar as classes dotnet que serão geradas ao compilar os componentes.

Algumas diretivas, como @layout e @using são comummente adicionadas aos componentes através dos arquivos _Imports.razor.

Grande Abraço e até o próximo!

Publicidade