AngularJS ist ein MV*-Framework, das sich am besten für die Entwicklung clientseitiger Single-Page-Anwendungen eignet. Es handelt sich nicht um eine funktionale Bibliothek, sondern um ein Framework zur Entwicklung dynamischer Webseiten. Der Schwerpunkt liegt auf der Erweiterung der Funktionalität von HTML, der Bereitstellung einer dynamischen Datenbindung und kann gut mit anderen Frameworks (wie JQuery usw.) zusammenarbeiten.
<body ng-app="myNoteApp">
<html>
<div ng-controller="myNoteCtrl">
<p><textarea ng-model="message" cols="40" rows="10" maxlength="100"></textarea></p>
<p>100/<span ng-bind="left()"></span></p>
</div>
</html>
<script type="text/javascript">
var app=angular.module("myNoteApp",[]);
app.controller("myNoteCtrl",function($scope){
$scope.message = "";
//显示变更数量
$scope.left = function() {return 100 - $scope.message.length;};
//清除文本框
$scope.clear = function() {$scope.message = "";};
//执行保存操作
$scope.save = function() {alert("Note Saved");};
});
</script>
</body>Bemerkungen:
Wenn es mehrere „Textbereiche“ im selben Formular gibt, können Sie dies steuern, indem Sie mehrere „NG-Modelle“ definieren
Wenn Sie verschiedene „Textarea“ in unterschiedlichen Formen betreiben, können Sie diese steuern, indem Sie mehrere „ng-Controller“ definieren
Aber egal in welcher Situation, wenn es sich in derselben Datei befindet, ist es am besten, nur eine „ng-app“ im selben Textkörper zu verwenden
Zusätzlich: Verwendung von