Angular - 根据行数设置 textarea 行答案

【问题标题】：Angular - Set textarea rows base on the number of rowsAngular - 根据行数设置 textarea 行
【发布时间】：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>

标签： javascript angularjs textarea

【解决方案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。