Angular - 根据行数设置 textarea 行

Posted 2023-05-07

【中文标题】Angular - 根据行数设置 textarea 行

【英文标题】：Angular - Set textarea rows base on the number of rows

【发布时间】：2016-12-27 23:44:25

【问题描述】：

我想设置textarea行属性rows在文本NUMER。 这里是textarea：

<textarea rows = "countRowsInText(response.simLog)" cols = "200" style = "overflow:hidden">response.simLog</textarea>

Ant中countRowsInText()功能：

$scope.countRowsInText = function(text)
  var numerOfRowsInText = text.split(\/r\n|\r|\n).length; //rows number - 500
  console.log(numerOfRowsInText); //row number
  return numerOfRowsInText;

和它不工作，仅示出2行。 谢谢。

【问题讨论】：

它看起来像你的函数接收text参数，它没有被通过 SPAN> 编辑它，但我认为这是行不通的。 SPAN>

【参考方案1】：

第一次猜测， 错过了，应该是：

<textarea rows = "countRowsInText(response.simLog)" cols = "200" style = "overflow:hidden">response.simLog</textarea>

【参考方案2】：

在你的控制器中你可以使用：

 var txtArea = document.getElementById('ptest').value.split('\n');    
    $scope.lines = txtArea.length;

然后你可以在文本区域中使用行

<textarea rows = "lines" cols = "200" style = "overflow:hidden">response.simLog</textarea>

【讨论】：

本站没有jQuery，纯angular。