Array spleißt das falsche Element im Winkel während ng wiederholen

Question

Ich versuche Splice Elemente aus einem Array, aber es entfernt jedes Mal das falsche Element. Ich glaube, das ist, weil ich das Array Array mit OrderBy filter, also das Array auf dem DOM unterscheidet sich von dem Array in der Steuerung. Meine Frage ist nun, wie kann ich das richtige Element korrekt aus dem Array spleißen, auch nach dem Filtern, und gibt es auch eine Möglichkeit, wie ich den orderBy-Filter vom Controller verwenden kann?

Heres mein Controller

office.controller('notificationCtrl',['$scope',$http',function($scope,$http){ 

    $scope.latest = [ 
     { 
      id:1, 
      date : "2017-01-11T19:33:17.307452", 
      arrived: false, 
      location : "europe" 
     }, 
     { 
      id: 2, 
      date: "2017-01-11T20:19:47.745673", 
      arrived:false, 
      location : "africa" 
     } 

    ] 

    $scope.accept = function(array,index){ 
     array.splice(index,1) 
    } 
}] 

source.html

<div ng-repeat="recent in latest | orderBy : recent.date : true"> 
    <button ng-click="accept(latest,$index)">Accept</button> 
</div> 

EDIT Ich habe Beispieldaten hinzugefügt, wie gewünscht, in den obigen Daten, wenn ich versuche, den zweiten Punkt zu spleißen, es Gewürze der erste stattdessen.

Answer 1

Ich denke, wenn Sie die Spur am Ende hinzufügen, wird es wie erwartet funktionieren. Und yo haben auch einen Fehler in der ersten param, können Sie die Eigenschaft mit Zitaten wie dies darauf hindeuten sollte:

<div ng-repeat="recent in latest | orderBy:'date':true track by $index"> 
    <button ng-click="accept($index)">Accept</button> 
</div> 

Ihr Controller:

$scope.accept = function(index){ 
    $scope.latest.splice(index,1) 
} 

So verwenden Sie Filter in Ihrem Controller:

var orderedArray= $filter('orderBy')($scope.latest, 'date'); 

Answer 2

Wie hier geschrieben https://docs.angularjs.org/api/ng/directive/ngRepeat können Sie variable in expression as alias_expression verwenden, um die Zwischenergebnisse des Repeaters nach der Bestellung/Filterung zu erhalten/speichern.

Variable in Ausdruck als alias_expression - Sie können auch einen optional alias Ausdruck bereitzustellen, die dann die Zwischen Ergebnisse des Repeaters gespeichert werden, nachdem die Filter angewendet wurden. In der Regel Dies wird verwendet, um eine spezielle Nachricht zu rendern, wenn ein Filter auf der Repeater aktiv ist, aber die gefilterte Ergebnismenge ist leer.

Zum Beispiel: Artikel in Artikeln | filter: x als Ergebnis speichert das Fragment der wiederholten Elemente als Ergebnisse, aber erst nachdem die Elemente durch den Filter verarbeitet wurden.

Bitte beachten Sie, dass `als [Variablenname] keinen Operator, sondern ein Teil ngRepeat Mikro-Syntax, so dass es erst am Ende verwendet werden kann (und nicht als Operator innerhalb eines Ausdrucks).

Zum Beispiel: Artikel in Artikeln | Filter: x | orderBy: Bestellung | limitTo: als Ergebnis einschränken.

Answer 3

So löste ich dies einfach wie meine Liste Umkehren

var latest = [ 
    { 
     id:1, 
     date : "2017-01-11T19:33:17.307452", 
     arrived: false, 
     location : "europe" 
    }, 
    { 
     id: 2, 
     date: "2017-01-11T20:19:47.745673", 
     arrived:false, 
     location : "africa" 
    } 

] 

$scope.latest = latest.reverse() 

Dann entfernte ich die Filter und gerade tat ng-Wiederholung auf der Liste.

<div ng-repeat="recent in latest"> 
    <button ng-click="accept($index)">Accept</button> 
</div>