AngularJS ist ein JavaScript-Framework. Es kann über das Tag zu HTML-Seiten hinzugefügt werden. </p> <p> AngularJS erweitert HTML-Attribute durch Anweisungen und bindet dann Daten durch Ausdrücke an HTML-Elemente. </p> <p><strong>AngularJS ist ein JavaScript-Framework </strong><br> AngularJS ist ein JavaScript-Framework, eine in der JavaScript-Sprache geschriebene Klassenbibliothek. </p> <p> AngularJS wird als JavaScript-Datei veröffentlicht, die wir über das Skript-Tag </p> zur Webseite hinzufügen können <p><script src="<a href="http://cdn.bootcss.com/angular.js/1.3.14/angular.min.js"></script">http://cdn.bootcss.com/angular.js/1.3.14/angular.min.js"></script</a>><br> </p> <p><strong>AngularJS erweitert HTML</strong><br> </p> <p> AngularJS erweitert HTML durch eine Reihe von NG-Anweisungen. </p> <p> Die ng-app-Direktive definiert die AngularJS-Anwendung. </p> <p> Die ng-model-Direktive bindet den Wert des HTML-Steuerelements an das Datenmodell. </p> <p> Die ng-bind-Direktive bindet Modelldaten an die HTML-Ansicht. </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:xhtml;"> <script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"> Name: Nach dem Login kopieren Beispielbeschreibung: AngularJS startet automatisch die Ausführung, wenn die Seite geladen wird. Die ng-app-Direktive teilt AngularJS mit, dass das -Element, in dem es sich befindet, das Stammelement der AngularJS-Anwendung ist. Die ng-model-Direktive bindet den Wert des Eingabe-Tags an den Variablennamen. Die ng-bind-Direktive bindet den Wert des Variablennamens an das innerHTML-Attribut des AngularJS-Befehle Wie Sie sehen können, handelt es sich bei AngularJS-Anweisungen um eine Reihe von HTML-Attributen, die mit ng beginnen. AngularJS-Anwendungsvariablen können über die ng-init-Direktive initialisiert werden. The name is Nach dem Login kopieren Äquivalenter Code: The name is Nach dem Login kopieren Hinweis: Sie können das Präfix data-ng- anstelle von ng- verwenden, um sicherzustellen, dass der HTML-Code auf der Seite gültig ist. Weitere AngularJS-Direktiven erfahren Sie in späteren Kapiteln. AngularJS-Ausdruck AngularJS-Ausdrücke werden in doppelten Klammern geschrieben: {{ Ausdrucksanweisung }}. AngularJS gibt den Ausdruck genau als berechnetes Ergebnis aus, zum Beispiel: My first expression: {{ 5 + 5 }} Nach dem Login kopieren AngularJS-Ausdrücke binden Daten auf die gleiche Weise wie die ng-bind-Direktive an HTML. Name: {{name}} Nach dem Login kopieren In den folgenden Kapiteln erfahren Sie mehr über AngularJS-Ausdrücke. AngularJS-Anwendung Das AngularJS-Modul definiert AngularJS-Anwendungen. AngularJS-Controller steuern das Verhalten von AngularJS-Anwendungen. Die ng-app-Direktive wird verwendet, um die Anwendung anzugeben, und die ng-controller-Direktive wird verwendet, um den Controller anzugeben. First Name: Last Name: Full Name: {{firstName + " " + lastName}} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; }); Nach dem Login kopieren AngularJS-Moduldefinitionsanwendungen: var app = angular.module('myApp', []); AngularJS控制器控制AngularJS Applications的行为： app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; }); Nach dem Login kopieren In den folgenden Kapiteln erfahren Sie mehr über Module und Controller.
