Ändern des DOM mit AngularJS

Wir können den Betrieb der . erweitern HTML durch Verhaltensänderung und Baumtransformationen SONNE, damit können wir Elemente ändern, neue Stile und andere Aktionen hinzufügen, die es uns ermöglichen, eine dynamischere Benutzeroberfläche zu entwickeln, dafür müssen wir die Richtlinien.
Dafür können wir die Richtlinien besitzen von AngularJSWenn wir jedoch etwas brauchen, das wir nativ nicht erreichen können, können wir unsere eigenen Anweisungen schreiben, damit wir Browser-Ereignisse abhören und darauf reagieren oder einfach Dinge tun, die es nicht tut. AngularJS Ursprünglich.
Bei der Entwicklung einer Anwendung mit AngularJS Es wird einige Gelegenheiten geben, in denen wir auf Situationen stoßen, in denen native Direktiven nicht unserer Vorstellung davon entsprechen, was unser Code tun soll, in Zeiten wie diesen können wir uns darauf berufen unsere eigenen Richtlinien erstellen.
Um eine neue Direktive zu definieren, können wir der folgenden Formel folgen:

 var moduloApp = angle.module ('moduloApp', […]); moduloApp.directive ('DirectiveName', DirectiveMethod); 

Wie wir sehen, müssen wir nur das Modul definieren, in dem wir unsere Direktive anwenden, und dann müssen wir seinen Namen und die Methode angeben, die es ausführen soll.
HTML5 hat eine sehr interessante Funktionalität, die Autofokus, ermöglicht uns dies, ein Eingabeelement in einem Formular zu fokussieren und so den Pfad für einen Benutzer zu definieren HTML5 und wir wollen uns nicht auf einen Input fokussieren, denn hier kommt es ins Spiel AngularJS und den Richtlinien, mit einer Richtlinie können wir diese Situation auf einfache Weise lösen.
Was sollen wir machen?Zuerst müssen wir eine benutzerdefinierte Direktive mit dem zuvor angegebenen Formular erstellen, damit legen wir das gewünschte Verhalten fest, in diesem Fall die Autofokus. Dann danke an das Objekt $ Umfang Wir können diese Direktive auf jedes Element anwenden, in diesem Beispiel werden wir sie auf einen Link anwenden, damit können wir die Macht von . erfahren AngularJS.
Sehen wir uns das Ergebnis dessen an, was wir erreichen wollen:

Dazu müssen wir folgendem Code folgen, wobei wir das bereits Erklärte umgesetzt haben:

 Ohne Fokus Mit Fokus{{Nachrichtentext}}

Wie wir sehen, erstellen wir zu Beginn eine benutzerdefinierte Direktive, die dazu führt, dass die Autofokus in dem Element, das diese Direktive hat, dann bauen wir einen Controller, der uns hilft, die Änderungen beim Drucken einiger Nachrichten zu erkennen.
Damit beenden wir dieses Tutorial, da wir die Manipulation des SONNE es ist machbar mit AngularJS und dank Richtlinien können wir sehr interessante Effekte erzielen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben