1. 程式人生 > >angular textarea字元長度的限制

angular textarea字元長度的限制

這段程式碼呢是網上蕩的一部風然後自己改進了一部風,由於專案需要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); } };