Innehållsförteckning
Vi kan förlänga driften av HTML genom beteendeförändring och trädtransformationer SOLMed detta kan vi ändra element, lägga till nya stilar och andra åtgärder som gör att vi kan utveckla ett mer dynamiskt användargränssnitt, för detta måste vi använda direktiv.För detta kan vi använda direktiv egen av AngularJSMen om vi behöver något som vi inte kan uppnå inbyggt, kan vi skriva våra egna direktiv, med detta kommer vi att kunna lyssna och svara på webbläsarhändelser eller helt enkelt göra saker som det inte gör. AngularJS standard.
När du utvecklar en applikation med AngularJS det kommer att finnas tillfällen där vi kommer att stöta på situationer där inhemska direktiv inte överensstämmer med vår uppfattning om vad vår kod ska göra, vid sådana här tillfällen kan vi vädja om bygga våra egna direktiv.
För att definiera ett nytt direktiv kan vi följa följande formel:
var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('Direktnamn', Direktivmetod); Som vi kan se behöver vi bara definiera modulen där vi ska tillämpa vårt direktiv och sedan måste vi ange dess namn och den metod som det måste utföra.
HTML 5 har en mycket intressant funktionalitet som är autofokus, detta gör att vi kan fokusera ett inmatningselement i en form, vilket hjälper till att definiera sökvägen för en användare, men vad händer om vi inte har HTML 5 och vi vill inte fokusera på en input, för det är där det spelar in AngularJS och direktiven, med ett direktiv kan vi lösa denna situation på ett enkelt sätt.
Vad ska vi göra?Först måste vi bygga ett anpassat direktiv med det formulär som vi har angett tidigare, med detta fastställer vi önskat beteende, i detta fall autofokus. Tack vare objektet $ omfattning Vi kan tillämpa detta direktiv på alla element, i det här exemplet kommer vi att tillämpa det på en länk, med detta kan vi uppleva kraften i AngularJS.
Låt oss se resultatet av vad vi vill uppnå:
Utan fokus Med fokus{{meddelandetext}}Som vi kan se upprättar vi ett anpassat direktiv i början, vilket leder till att man placerar autofokus i elementet som har detta direktiv, då bygger vi en handkontroll som hjälper oss att upptäcka förändringarna när vi skriver ut några meddelanden.
Med detta avslutar vi denna handledning, eftersom vi ser manipulationen av SOL det är möjligt med AngularJS och tack vare direktiv kan vi uppnå mycket intressanta effekter.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
