AngularJS HTML DOM
AngularJS enthält Anweisungen zur Bindung von Anwendungsdaten für Eigenschaften von HTML -DOM -Elementen.
Befehl ng-deaktiviert
Die NG-behinderte Direktive bindet Anwendungsdaten direkt an das deaktivierte Attribut von HTML.
AngularJS -Instanz
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="" ng-init="mySwitch=true"><p><button ng-disabled = "mySwitch"> klicken Sie auf mich!
Laufeffekt:
Taste
WAHR
Beispiel Erklärung:
Die NG-behinderte Anweisung bindet die Anwendungsdaten "mySwitch" an die behinderte Eigenschaft von HTML.
Die NG-Model-Direktive bindet "mySwitch" an den Inhalt (Wert) des HTML-Eingangs-Kontroll-Elements.
Wenn MySwitch wahr ist, ist die Schaltfläche nicht verfügbar:
<P> <Schaltfläche Deaktiviert> Klicken Sie auf mich! </button> </p>
Wenn MySwitch falsch ist, ist die Schaltfläche verfügbar:
<p> <button> Klicken Sie auf mich! </button> </p>
Befehl ng-show
Die NG-Show-Direktive verbirgt oder zeigt ein HTML-Element an.
AngularJS -Instanz
<! DocType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <Body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> </p> <p ng-show = "false"> Ich bin unsichtbar. </p> </div> </body> </html>
Laufeffekt:
Ich bin sichtbar.
Die NG-Show-Anweisung zeigt HTML-Elemente (HIDE) an, die auf dem Wert des Wertes basieren.
Sie können Ausdrücke verwenden, um die booleschen Werte (wahr oder falsch) zu berechnen:
AngularJS -Instanz
<! DocType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min Ng-show = "Hour> 12"> Ich bin sichtbar. </p> </div> </body> </html>
Auslaufergebnisse:
Ich bin sichtbar.
Hinweis Im nächsten Kapitel geben wir Ihnen weitere Beispiele für das Verstecken von HTML -Elementen, indem Sie auf Schaltflächen klicken.
NG-Hide-Befehl
Die NG-Hide-Anweisung wird verwendet, um HTML-Elemente auszublenden oder anzuzeigen.
AngularJS -Instanz
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app=""><p ng-hide="true">I am invisible. </p> <p ng-hide = "false"> Ich bin sichtbar. </p> </div> </body> </html>
Auslaufergebnisse:
Ich bin sichtbar.
Das obige ist eine Zusammenstellung von AngularJS -HTML -DOM -Materialien. Wir werden sie später weiter hinzufügen. Ich hoffe, dass Freunde, die helfen können, AngularJs zu programmieren.