AngularJS ialah rangka kerja MV*, paling sesuai untuk membangunkan aplikasi satu halaman sebelah pelanggan. Ia bukan perpustakaan berfungsi, tetapi rangka kerja untuk membangunkan halaman web dinamik. Ia memberi tumpuan kepada memperluaskan fungsi HTML, menyediakan pengikatan data dinamik, dan ia boleh berfungsi dengan baik dengan rangka kerja lain (seperti JQuery, dll.).
<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>Catatan:
Jika terdapat berbilang "textarea" dalam bentuk yang sama, anda boleh mengawalnya dengan mentakrifkan berbilang "ng-model"
Jika anda mengendalikan "textarea" yang berbeza dalam bentuk yang berbeza, anda boleh mengawalnya dengan mentakrifkan berbilang "ng-controllers"
Tetapi tidak kira apa keadaannya, jika ia berada dalam fail yang sama, sebaiknya gunakan hanya satu "ng-app" dalam badan yang sama
Tambahan: Penggunaan