Angular - 根據行數設置textarea行

我試圖在文本中將 rows屬性設置爲rows的數字。這裏是textarea：Angular - 根據行數設置textarea行

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

螞蟻的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行。謝謝。

來源

2016-08-21 Itsik Mauyhas

它看起來像你的函數收到一個'文本'參數，它不被傳遞 – AranS

編輯它，但我認爲它不會工作。 –

杉杉猜測，{{}}被錯過了，它應該是：

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

來源

2016-08-21 08:50:18 Sep

是的，這是缺少的部分，謝謝。 –

在控制器

u可以使用：

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

，那麼你可以使用文本區線

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

來源

2016-08-21 08:53:30 Krisalay

這個網站上沒有jQuery，純粹的角度。 –

Angular - 根據行數設置textarea行

回答

相關問題