Как получить количество строк textarea в HTML с помощью angularjs? - PullRequest
Новая
       0

Как получить количество строк textarea в HTML с помощью angularjs?

0 голосов
/ 04 февраля 2019

Можно ли получить textarea row count в html используя angularjs?

Ниже приведен javascript способ получения количества строк.

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

Приведенный ниже код не работает, но что-то похожее на него, только с использованием интерфейса? 

{{mainCtrl.header.modelName.rows}}

1 Ответ

0 голосов
/ 04 февраля 2019

Ниже приведены два типа количества строк текстовой области, которые можно получить с помощью 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...