Índice:

Como podemos criar uma diretiva personalizada no angular?
Como podemos criar uma diretiva personalizada no angular?

Vídeo: Como podemos criar uma diretiva personalizada no angular?

Vídeo: Como podemos criar uma diretiva personalizada no angular?
Vídeo: Curso Angular 2 #33: Criando uma diretiva de atributo 2024, Abril
Anonim

Criação de uma diretiva personalizada é fácil. Somente Criar uma nova classe e decore-a com o @ Diretriz decorador. Precisamos ter certeza de que o diretriz é declarado no módulo (app-) correspondente antes de podermos usá-lo. Se você estiver usando o angular -cli isso deve ser feito automaticamente.

Dessa forma, como faço para criar uma diretiva personalizada?

Resumo

  1. Também é possível criar uma diretiva personalizada que pode ser usada para injetar código no aplicativo angular principal.
  2. Diretivas personalizadas podem ser feitas para chamar membros definidos no objeto de escopo em um determinado controlador usando as palavras-chave 'Controller', 'controllerAs' e 'template'.

Além disso, o que são diretivas personalizadas? Diretivas personalizadas são usados no AngularJS para estender a funcionalidade do HTML. Diretivas personalizadas são definidos usando " diretriz "função. A diretiva personalizada simplesmente substitui o elemento para o qual está ativado. Atributo - Diretriz é ativado quando um atributo correspondente é encontrado.

Então, como faço para criar uma diretiva personalizada no angular 2?

Crie uma diretiva personalizada no aplicativo Angular 2

  1. Etapa 1: crie um teste. diretiva. arquivo ts.
  2. Etapa 2: Agora você terá que importar esta diretiva personalizada no aplicativo. módulo. ts.
  3. Etapa 3: Agora você está livre para usar sua diretiva personalizada. Agora você está livre para adicionar esta diretiva personalizada em qualquer lugar dentro do módulo, como este:

O que é uma diretiva no angular?

Diretivas angulares são usados para estender o poder do HTML, fornecendo-lhe uma nova sintaxe. Cada diretriz tem um nome - qualquer um do Angular predefinido como ng-repeat, ou um personalizado que pode ser chamado de qualquer coisa. E cada diretriz determina onde ele pode ser usado: em um elemento, atributo, classe ou comentário.

Recomendado: