Angular - 根据行数设置textarea行

时间:2016-08-21 08:29:34

标签: javascript angularjs textarea

我正在尝试将textarea rows属性设置为文本中rows的数字。 这是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行。 感谢。

2 个答案:

答案 0 :(得分:2)

首先猜测,{{}}错过了,应该是:

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

答案 1 :(得分:0)

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

RequestContextHolder.resetRequestAttributes();

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

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