如何获得textarea的行使用angularjs HTML算什么？

问题描述 投票：0回答：1

是否有可能使用textarea row count得到angularjs在HTML？

下面是javascript的方式来获得行计数。

console.log(document.getElementById('field_id').rows)

下面的代码不工作，但它相似的东西，只是用前端？

{{mainCtrl.header.modelName.rows}}
html angularjs textarea
1个回答
0
投票

下面是两种类型的textarea的行数，你可以使用angularjs获取：

  1. 固定行 - 即预先为textarea元素定义
  2. 动态行 - 可以按照添加到textarea元素的新线改变。

angular.module("app", []).controller("ctrl", function($scope) {
  $scope.fixedRows = angular.element(document.querySelector("#txt-area")).attr("rows");

  $scope.getDynamicRows = function() {
    var ele = angular.element(document.querySelector("#txt-area"));
    return ele.val().split(/\r|\r\n|\n/).length;
  }

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>

<body ng-app="app" ng-controller="ctrl">
  <textarea id="txt-area" rows="10" cols="50" type="text" ng-model="textValue"></textarea>
  <p>Fixed Rows Count = {{fixedRows}}, Dynamic Rows Count = {{getDynamicRows()}}
   </p>
</body>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.