ngInfiniteScroll for textarea - PullRequest
       23

ngInfiniteScroll for textarea

0 голосов
/ 13 ноября 2018

Я пытаюсь связать большую строку, используя ng-модель в textArea, но время рендеринга довольно медленное.Поэтому я решил использовать ngInfiniteScroll для рендеринга части моей строки, но оказалось, что ngInfiniteScroll работает только с «div», а не с «td» и «textArea».Есть ли способ использовать ngInfiniteScroll для textArea или как сократить время рендеринга для ng-модели.

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

Спасибо заранее !!

...