AngularJS实现textarea记录只能输入规定数量的字符并显示
AngularJS是一个MV*框架，最适于开发客户端的单页面应用。它不是个功能库，而是用来开发动态网页的框架。它专注于扩展HTML的功能，提供动态数据绑定（databinding），而且它能跟其它框架（如JQuery等）合作融洽。
<bodyng-app="myNoteApp">
<html>
<divng-controller="myNoteCtrl">
<p><textareang-model="message"cols="40"rows="10"maxlength="100"></textarea></p>
<p>100/<spanng-bind="left()"></span></p>
</div>
</html>
<scripttype="text/javascript">
varapp=angular.module("myNoteApp",[]);
app.controller("myNoteCtrl",function($scope){
$scope.message="";
//显示变更数量
$scope.left=function(){return100-$scope.message.length;};
//清除文本框
$scope.clear=function(){$scope.message="";};
//执行保存操作
$scope.save=function(){alert("NoteSaved");};
});
</script>
</body>
备注：
如果在同一个表单中有多个“textarea”可以通过定义多个“ng-model”来控制
如果在不同的表单中操作不同的”textarea“，可以通过定义多个“ng-controller”来控制
但不管何种情况，如果在同一个文件中，同一个body中最好只使用一个”ng-app“
补充：AngularJS中的<textarea>用法
最近测试用把textarea中的值传往后台传，不过后台收不到，代码是这样写的：
<textarearows="15"ng-model="notice.content"style="width:65%">{{notice.content}}</textarea>
后来修改了一下，把两个textarea之间的内容去掉了，后台就能收到了，看来AngularJS中还是有一些机制需要去弄清楚。
<textarearows="15"ng-model="notice.content"style="width:65%"></textarea>