javascript - テキストエリアのngInfiniteScroll

Question

textArea で ng-model を使用して大きな文字列をバインドしようとしていますが、レンダリング時間が非常に遅くなります。そこで、ngInfiniteScroll を使用して文字列の一部をレンダリングすることにしましたが、ngInfiniteScroll は「div」でのみ機能し、「td」や「textArea」では機能しないことがわかりました。textArea で ngInfiniteScroll を使用する方法、または ng-model のレンダリング時間を短縮するにはどうすればよいですか。

HTML コード:

<td infinite-scroll="loadMore()" infinite-scroll-distance="2">
       <textarea rows="4" cols="100" ng-model="splicedSqlQuery"
          name="sqlQuery" id="sqlQuery" required
          ng-trim="true" 
          class="form-control" style="resize:vertical">
       </textarea>
</td>

JS コード:

$scope.sqlQuery = "";
var arrayElementsCount = 3;
$scope.sqlQueryArr = [];
$scope.uploadFile = function (file) {
    $scope.sqlQuery = file;
    console.log("In Upload file");
    $scope.sqlQueryArr = $scope.sqlQuery.split(';');

    $scope.newArr = $scope.sqlQueryArr.splice(0, arrayElementsCount);
    $scope.splicedSqlQuery = $scope.newArr.join(";");
};

$scope.loadMore = function () {
    $scope.newArr = $scope.sqlQueryArr.splice(arrayElementsCount, arrayElementsCount + 3);
    $scope.splicedSqlQuery = $scope.newArr.join(";");
}

前もって感謝します！！