angular textarea字元長度的限制
阿新 • • 發佈:2019-01-30
這段程式碼呢是網上蕩的一部風然後自己改進了一部風,由於專案需要textarea的字元要求動態顯示,所以通過jquery 和 angular配合使用了一下也許還有不少大神有
更簡便的方法。我本人想了個笨招直接用jq操作DOM來完成。希望能幫到別人。
<span class="help-block" id="textcount">還可以輸入300字</span> <textarea class="form-control" id="txt" ng-change="changed()" rows="3" ng-model="article.summary"></textarea>
$scope.changed = function () { $scope.textcount=300-$scope.article.summary.length; if($scope.textcount<=0){ $scope.textcount=0; $("#textcount").css("color","red") }else{ $("#textcount").css("color","#ccc") } $("#textcount").text("還可以輸入"+$scope.textcount+"字"); if ($scope.article.summary.length > 300) { $scope.article.summary = $scope.article.summary.substr(0, 300); } };