Angularjs siparişten sonra yanlış $ endeksi

Angular.js'de yeniyim ve dizimi sıralarken ve bu sıralanmış veriler üzerinde çalışırken bazı sorunlar yaşıyorum.

Öğeler içeren bir listem var ve şimdiye kadar çalışan "Store.storeName" e göre sıralamak istiyorum. Ancak verileri sıraladıktan sonra silme işlevim artık çalışmıyor. Sanırım bunun nedeni sıralamanın ardından $ endeksinin yanlış olması ve dolayısıyla yanlış verilerin silinmesi.

Bunu nasıl çözebilirim? Görünümde değil kapsamdaki verileri mi sipariş ediyorsunuz? Bu nasıl yapılır?

İşte bazı ilgili kodlar:

Görünümde:

<tr ng-repeat="item in items | orderBy:'Store.storeName'">
                <td><input class="toggle" type="checkbox" ng-model="item.Completed"></td>
                <td>{{item.Name}}</td>
                <td>{{item.Quantity}} Stk.</td>
                <td>{{item.Price || 0 | number:2}} €</td>                
                <td>{{item.Quantity*item.Price|| 0 | number:2}} €</td>
                <td>{{item.Store.storeName}}</td> 
                <td><a><img src="img/delete.png" ng-click="removeItem($index)">{{$index}}</a></td>
            </tr>

Denetleyicimde, belirli verileri silmesi gereken bu silme işlevine sahibim:

$scope.removeItem = function(index){
        $scope.items.splice(index,1);
    }

Bu, Görünümde sipariş vermeden önce iyi çalışıyor. Önemli bir şey eksikse, lütfen şimdi izin verin.

Teşekkürler!

Bunun yerine veya $index- fark ettiğiniz gibi - sıralı / filtrelenmiş bir dizideki dizine işaret edecek, öğenin kendisini removeItemişlevinize aktarabilirsiniz :

<a><img src="img/delete.png" ng-click="removeItem(item)">{{$index}}</a>

ve aşağıdaki gibi bir dizinin yöntemini removeItemkullanarak bir dizin bulmak için işlevi değiştirin indexOf:

$scope.removeItem = function(item){
   $scope.items.splice($scope.items.indexOf(item),1);
}

Açısal öğrenmeye başladım ve benzer sorunlarla karşılaştım ve @ pkozlowski-opensource'un cevabından yola çıkarak, bunu sadece şöyle bir şeyle çözdüm:

<a>
  <img src="img/delete.png" ng-click="removeItem(items.indexOf(item))">
  {{items.indexOf(item)}}
</a> 

Aynı sorunu yaşadım ve bu konudaki diğer cevaplar durumuma uygun değil.

Sorunumu özel filtre ile çözdüm:

angular.module('utils', []).filter('index', function () {
    return function (array, index) {
        if (!index)
            index = 'index';
        for (var i = 0; i < array.length; ++i) {
            array[i][index] = i;
        }
        return array;
    };
});

bu şekilde kullanılabilir:

<tr ng-repeat="item in items | index | orderBy:'Store.storeName'">

ve sonra HTML'de item.indexyerine kullanabilirsiniz $index.

Bu yöntem, nesnelerin koleksiyonları için uygundur.

Lütfen, bu özel filtrenin uygulanan tüm filtreler (orderBy vb.) Listesinde ilk olması gerektiğini indexve koleksiyonun her bir nesnesine ek özelliği (ad özelleştirilebilir) ekleyeceğini dikkate alın.

Bunu dene:

$scope.remove = function(subtask) {

    var idx = $scope.subtasks.indexOf(subtask),
        st = $scope.currentTask.subtasks[idx];

    // remove from DB
    SubTask.remove({'subtaskId': subtask.id});

    // remove from local array
    $scope.subtasks.splice(idx,1);

}

Blogumdaki bu girişte ayrıntılı açıklamalar bulabilirsiniz .

Birinin kullanması $indexgerektiğinde, sıralanmış / filtrelenmiş diziye bir ad verebilirsiniz:

<tr ng-repeat="item in sortedItems = (items | orderBy:'Store.storeName') track by $index">

Cevabımı burada görün .

Bir yorum bırakacaktım ama "itibarım" yok.

mil çözümü tam da ihtiyacım olan şeydi. Pkozlowski.opensource'un sorusunu yanıtlamak için: iç içe geçmiş ngRepeate- postalarınız , dinamik bir listeniz (ör. Kaldırmaya izin verdiğiniz yer ) veya her ikisine sahip olduğunuzda (bu benim durumum), $indexarka uç için yanlış dizin olacağı için kullanmak işe yaramıyor verileri sıraladıktan ve ngInitönbelleğe almak için kullandıktan sonra , liste değiştiğinde yeniden değerlendirilmediğinden değer çalışmaz.

Mile çözümünün, ekli dizin özelliği adının bir parametre iletilerek özelleştirilmesine izin verdiğini unutmayın. <tr ng-repeat="item in items | index:'originalPosition' | orderBy:'Store.storeName'">

Tweaked versiyonum:

.filter( 'repeatIndex', function repeatIndex()
{
// This filter must be called AFTER 'filter'ing 
//  and BEFORE 'orderBy' to be useful.
    return( function( array, index_name )
    {
        index_name = index_name || 'index';
        array.forEach( function( each, i )
        {each[ index_name ] = i;});
        return( array );
    });
})