2016-06-07 3 views
1

ich folgenden Winkel Skript habe, es ist nichts tut, sondern eine Liste von Objekten erstellen:Tabelle anzeigen, wenn ng-click auf der Basis des id

//To get the existing records 
$scope.get_records = function(){ 
    filter_data = {set__iexact: $scope.final_data.set}; 
    bin.get(filter_data, 
     function(data){ 
     $scope.main_list = data['objects']; 
     console.log($scope.main_list); 
     angular.forEach($scope.main_list, function(f) { 

     }); 
    },function(data, status){ 
      console.log('Stage1: Internal error while loading initial data:'+status); 
     } 
)}; 

Das einzigartige Feld in jedem Datensatz ist die ID. Und ich zeige diese Ids als eine Tabelle (tr) in HTML.

<table class="table table paleblue table-fixed"> 
    {%verbatim %} 
    <tr align="center" ng-repeat="f in main_list" ng-cloak> 
     <td><button class="btn btn-small">{{f.id}}</button></td> 
    </tr> 
</table> 

Mein Ziel ist es, eine Tabelle unter den aktuellen td, zu zeigen, die nur die Elemente dieser bestimmten ID enthält. Wie kann ich das machen? Wie bekomme ich diese spezifische ID, damit ich sie zusammen mit der set filtern kann? Irgendeine Idee?

+0

* "wie bekomme ich die id" * ... Sie sagen 'f.id' nicht korrekt sind? Frage/Problemstellung ist nicht sehr klar – charlietfl

+0

f.id ist korrekt. Aber ich brauche die Objekte dieser bestimmten ID und zeige sie in einer Tabelle an. :) – vellattukudy

+0

Und das Problem dabei ist, was speziell? – charlietfl

Antwort

0

Sie müssen hinzufügen:

0 - Der Filter: Eine zweite Reihe wird die ID von anderen Elementen zu filtern, in meinem Fall wird Vater Reihe sein.

<tr align="center" ng-repeat="f in main_list | filter:{father:selected}" ng-cloak> 
<tr align="center" ng-repeat="f in main_list" ng-cloak> 

Wird zu

ändern - Den Filter: Wenn Sie auf die Id set the filter with the id value, in my case I click a custom link, and set the Id as scope.selected` $ in anderen Reihe von diesem Element filtern: Vater Row.

<td><button class="btn btn-small">{{f.id}}</button></td> 

Wird zu

ändern
<td><a ng-click="$parent.selected=element.id">Show sons of {{element.id}}</a></td> 

Wie Sie mich $parent.selected verwenden sehen. Wenn Sie sich in einer NG-Wiederholung befinden, befinden Sie sich in einem SUB SCOPE Ihres CONTROLLER SCOPE.

Überprüfen Sie die Plunkr: http://plnkr.co/edit/vtsOsBFzDPXEPg3QW5yn?p=preview

Verwandte Themen