Angular - 根据行数设置 textarea 行

Posted

技术标签:

【中文标题】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。

以上是关于Angular - 根据行数设置 textarea 行的主要内容,如果未能解决你的问题,请参考以下文章