jQuery veri kümeleri içinde AngularJS gözlemcileri kullanmak için yaklaşım nedir

Question

Bizim ihtiyacımız tek bir sayfada 1000+ satır görüntülemek ama daha sonra sütunlardan birinde göstermek/gizlemek düğmesine ihtiyacımız var. Bu düğme, bir eylemde NG gözlemcisi tarafından değiştirilecekti. gözlemcileri sıralar

1. sayısıyla doğru orantılı olduğu açıktır nedenle biz
sayfalandırmak istemiyorum - bu birçok kayıtları ancak gözlemcileri kullanıldığında bozulmuş performansı görüntülenirken Sorunu yoktu
2. Biz angularjs gözlemcileri ve

jQuery datatables bir alternatif veya performanstan ödün vermeden gözlemcileri kullanmak için herhangi bir hack varsa Plz birisi önerebilir ng-modelleri üzerine kaldıraç istiyorum.

Answer 1

Kodu görmeden, tablodaki her satır için $ kapsam. Performans sorunlarını görmeniz şaşırtıcı değil.

var app = angular.module('app', []); 

app.controller('demoController', function($scope) { 

    $scope.input = []; 
    $scope.editing = {}; 

    $scope.items = [{id: 1, name: 'One'}, {id: 2, name: 'Two'}, {id: 3, name: 'Three'}] 
    $scope.showHide = {}; 

    $scope.toggle = function(index) { 
    if ($scope.showHide[index] === undefined) { 
     $scope.showHide[index] = true; // assume show is default 
    } 
    $scope.showHide[index] = !$scope.showHide[index]; 
    } 

}); 

Controller.js

View.html

<div ng-repeat="item in items"> 
    {{item.name}} 
    <div ng-show="showHide[$index]===false"> 
    Showing Me for index {{$index}} 
    </div> 
    <button ng-click="toggle($index)"> 
    <span ng-show="showHide[$index]===true || showHide[$index]===undefined">Show</span> 
    <span ng-show="showHide[$index]===false">Hide</span> 
    </button> 
</div> 

: Bunun yerine bir yanıt veren böyle bir şey yapacağını satır durumunu Plunker Here değiştirmek için ng tıklayın