Ng-Repeat und Winkelfilter

Question

Ich habe ein Array von "Aktion" -Objekten. Jedes Objekt hat einen Status: "gemeistert" oder "neu".

Auf einer nav-tab, zeige ich die "neuen" Aktionen:

<div ng-repeat="x in main.actions | filter: {status: '!mastered'} > 

<div class="btn-group"> 
    <label ng-model="x.status" uib-btn-radio="'new'"><label> 
    <label ng-model="x.status" uib-btn-radio="'mastered'"></label> 
</div> 

</div> 

Auf einem separaten nav-tab, ich die gemeistert Aktionen zeigen. Mein Code dort ist identisch mit Ausnahme des Filters, der in der ng-Wiederholung enthalten ist.

Durch Klicken auf diese Optionsfelder kann der Status einer Aktion von "neu" auf "gemeistert" geändert werden. Alles funktioniert wie beabsichtigt, aber wenn ich den Status einer Aktion ändere, kehrt das gesamte SPA zur Hauptseite zurück!

Warum ist das? Was muss ich tun, um das zu verhindern?

Answer 1

Sie können konsolidieren, so dass Sie nicht unbedingt für jeden Status eine andere Registerkarte verwenden müssen. Versuchen Sie etwas Ähnliches.

Code:

<div ng-repeat="x in main.actions | filter: {status: stat} "></div> 


<div class="btn-group"> 
    <label ng-model="x.status" uib-btn-radio="'new'" ng-click="stat = 'new'"><label> 
    <label ng-model="x.status" uib-btn-radio="'mastered'" ng-click="stat = 'mastered'"></label> 
</div> 

Dies sollte jetzt filtern Sie Ihre ng-repeat basierend auf den Button klicken, um.