AngularJS est un framework MV*, le mieux adapté au développement d'applications monopage côté client. Il ne s'agit pas d'une bibliothèque fonctionnelle, mais d'un framework pour développer des pages Web dynamiques. Il se concentre sur l’extension des fonctionnalités du HTML, en fournissant une liaison de données dynamique, et peut bien fonctionner avec d’autres frameworks (tels que JQuery, etc.).
<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>Remarques :
S'il y a plusieurs "textarea" dans le même formulaire, vous pouvez le contrôler en définissant plusieurs "ng-model"
Si vous exploitez différentes "textarea" sous différentes formes, vous pouvez la contrôler en définissant plusieurs "ng-controllers"
Mais quelle que soit la situation, s'il se trouve dans le même fichier, il est préférable de n'utiliser qu'un seul "ng-app" dans le même corps
Supplément : Utilisation de