DOM maiņa, izmantojot AngularJS

Mēs varam pagarināt HTML uzvedības maiņas un koku pārveidošanas rezultātā SAULE, ar to mēs varam modificēt elementus, pievienot jaunus stilus un citas darbības, kas ļauj mums izveidot dinamiskāku lietotāja interfeisu, tāpēc mums ir jāizmanto direktīvas.
Šim nolūkam mēs varam izmantot direktīvas pieder no AngularJSTomēr, ja mums ir nepieciešams kaut kas tāds, ko nevaram dabiski sasniegt, mēs varam uzrakstīt savas direktīvas, ar to mēs varēsim klausīties un atbildēt uz pārlūkprogrammas notikumiem vai vienkārši darīt lietas, ko tas nedara. AngularJS noklusējuma.
Izstrādājot lietojumprogrammu ar AngularJS dažos gadījumos mēs saskarsimies ar situācijām, kad vietējās direktīvas neatbilst mūsu idejai par to, kas jādara mūsu kodeksam, šādos brīžos mēs varam vērsties veidot savas direktīvas.
Lai definētu jaunu direktīvu, mēs varam izmantot šādu formulu:

 var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('Direktīvas nosaukums', Direktīvas metode); 

Kā redzam, mums ir jānosaka tikai modulis, kurā mēs piemērosim savu direktīvu, un tad mums jānorāda tā nosaukums un metode, kas tai jāizpilda.
HTML 5 ir ļoti interesanta funkcionalitāte, kas ir automātiskais fokuss, tas ļauj mums koncentrēt ievades elementu formā, tādējādi palīdzot noteikt ceļu lietotājam, tomēr, kas notiek, ja mums nav HTML 5 un mēs nevēlamies koncentrēties uz kādu ieguldījumu, jo tas ir vietā AngularJS un direktīvas, ar direktīvu mēs varam atrisināt šo situāciju vienkāršā veidā.
Ko mums vajadzētu darīt?Vispirms mums jāizveido pielāgota direktīva, izmantojot iepriekš norādīto veidlapu, ar to mēs izveidojam vēlamo uzvedību, šajā gadījumā automātiskais fokuss. Tad paldies objektam $ darbības joma Mēs varam piemērot šo direktīvu jebkuram elementam, šī piemēra gadījumā mēs to piemērosim saitei, ar to mēs varam izjust AngularJS.
Apskatīsim rezultātu, ko vēlamies sasniegt:

Lai to izdarītu, mums jāievēro šāds kods, kurā esam ieviesuši jau paskaidroto:

 Bez fokusa Ar fokusu{{message.text}}

Kā redzam, sākumā mēs izveidojam pielāgotu direktīvu, un tas noved pie automātiskais fokuss elementā, kuram ir šī direktīva, mēs izveidojam kontrolieri, kas mums palīdzēs noteikt izmaiņas, drukājot dažus ziņojumus.
Ar to mēs pabeidzam šo apmācību, kā redzam manipulācijas ar SAULE tas ir iespējams ar AngularJS un, pateicoties direktīvām, mēs varam sasniegt ļoti interesantus efektus.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu