寫頁面的過程中用到了textarea的文本域，就突然想起他也可以加上剩余字數統計的這個功能。
第一個思路：
根據鍵盤按鍵按下去觸發一個方法計數：
<textarea cols="50" rows="10" maxlength="100" title="只能輸入100個字" ng-model="text" ng-change="tolCount()"></textarea>
<p>還可輸入{{count}}個字</p>
效果圖：
注意：這個是不需要用到js的，所說可以統計，但是存在很大的弊端，只要鍵盤按下，就計數了，比如說你按了刪除鍵，他也計數了；並且，如果你是復制粘貼在textarea上的，並沒有計數。
第二個思路：根據輸入的內容長度計算剩余的字數：
html部分：
<!DOCTYPE html>
<html ng-app="App">
<head >
<title>文本域字數限制</title>
</head>
<body ng-controller="testCtrl">
<textarea cols="50" rows="10" maxlength="100" title="只能輸入100個字" ng-model="text" ng-change="tolCount()"></textarea>
<p>還可輸入{{count}}個字</p>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="test.js"></script>
</html>
js部分：
var app = angular.module('App', []);
app.controller('testCtrl', function($scope) {
$scope.count = 100;
$scope.tolCount = function () {
console.log($scope.text.length);
$scope.count = 100 - $scope.text.length;
};
});
效果圖：
