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(";");
}

提前致谢！！