2016-08-06 38 views
0

Ich habe eine Liste von Namen, die mit verschiedenen Objekten in einem Array verbunden ist. Ich möchte, wenn Sie auf einen der Namen klicken, die Werte abrufen und sie in einer anderen Liste ausgeben, die dem jeweiligen Objekt entspricht. Für jetzt console.log ich die richtigen Werte, aber nicht wissen, wie um es auszugeben:Angular, filter und zeige ein Objekt des Arrays

<a href="#" id="name" ng-click="updateIndex($index);">{{ person.name }}</a> 

Controller:

$scope.updateIndex = function(index) { 
      console.log($scope.person[index]); //Logs the right values 
     } 

Wie kann ich geben die Werte aus dem Objekt, das Name angeklickt wird zu:

<div class="wrap" ng-repeat="per in person"> 

     <div class="box"> 
      {{ person.name }} 
     </div> 

     <div class="box"> 
      {{ person.age }} 
     </div> 

     <div class="box"> 
      {{ person.town }} 
     </div> 

     <div class="box"> 
      {{ person.country }} 
     </div> 

     <div class="box"> 
      {{ person.gender }} 
     </div> 

</div> 

Vielen Dank!

+0

Was meinen Sie mit 'Ausgabe der Werte vom Objekt'? –

Antwort

0

Nur zuweisen $ scope.person [index] auf eine andere Variable in der Klick-Funktion und gibt es in der Vorlage.

+0

Ah, natürlich .. Funktioniert perfekt, danke! – Kazordomo

+0

Froh, das zu hören. Bitte markieren Sie eine der Antworten als die richtige, um alle wissen zu lassen, dass dieses Thema gelöst ist. Vielen Dank. Auch +1 ist ein guter Weg, um jedem zu danken, der Ihnen geholfen hat, die richtige Antwort zu finden. –

1

können Sie speichern die Variable in der Variablen eine Verwendung es:

$scope.updateIndex = function(index) { 
    $scope.currentPerson = $scope.person[index] 
} 

<div class="wrap" ng-repeat="per in currentPerson"> 

    <div class="box"> 
     {{ person.name }} 
    </div> 

    <div class="box"> 
     {{ person.age }} 
    </div> 

    <div class="box"> 
     {{ person.town }} 
    </div> 

    <div class="box"> 
     {{ person.country }} 
    </div> 

    <div class="box"> 
     {{ person.gender }} 
    </div> 
</div> 
+0

Funktioniert perfekt. Vielen Dank! – Kazordomo