Innehållsförteckning:

Hur kan vi skapa ett anpassat direktiv i vinkel?
Hur kan vi skapa ett anpassat direktiv i vinkel?

Video: Hur kan vi skapa ett anpassat direktiv i vinkel?

Video: Hur kan vi skapa ett anpassat direktiv i vinkel?
Video: Stress och press – Hur kan vi förbättra arbetsmiljön i kvinnodominerade yrken? 2024, Maj
Anonim

Skapa ett anpassat direktiv är lätt. Bara skapa en ny klass och dekorera den med @ Direktiv dekoratör. Vi måste se till att direktiv deklareras i motsvarande (app-) modul innan vi kan använda den. Om du använder vinkel --cli detta bör göras automatiskt.

På så sätt, hur skapar jag ett anpassat direktiv?

Sammanfattning

  1. Man kan också skapa ett anpassat direktiv som kan användas för att injicera kod i den huvudsakliga vinkelapplikationen.
  2. Anpassade direktiv kan göras för att anropa medlemmar definierade i scope-objektet i en viss styrenhet genom att använda nyckelorden 'Controller', 'controllerAs' och 'template'.

Förutom ovan, vad är anpassade direktiv? Anpassade direktiv används i AngularJS för att utöka funktionaliteten hos HTML. Anpassade direktiv definieras med " direktiv " funktion. A anpassade direktiv ersätter helt enkelt elementet för vilket det är aktiverat. Attribut − Direktiv aktiveras när ett matchande attribut påträffas.

Sedan, hur skapar jag ett anpassat direktiv i Angular 2?

Skapa ett anpassat direktiv i Angular 2-applikationen

  1. Steg 1: Skapa ett test. direktiv. ts filen.
  2. Steg 2: Nu måste du importera detta anpassade direktiv i appen. modul. ts.
  3. Steg 3: Nu är du fri att använda ditt anpassade direktiv. Nu är du fri att lägga till detta anpassade direktiv var som helst i modulen så här:

Vad är ett direktiv i vinkel?

Vinkeldirektiv används för att utöka kraften i HTML genom att ge den ny syntax. Varje direktiv har ett namn - antingen en från Vinkel fördefinierad som ng-repeat, eller en anpassad som kan kallas vad som helst. Och var och en direktiv bestämmer var den kan användas: i ett element, attribut, klass eller kommentar.

Rekommenderad: