單擊一個對象數組中的值返回另一個鍵的值AngularJS

Question

我有一個迭代列表中的對象數組。如果我點擊這個名字，它應該告訴我這個名字對應的城市的價值。

<div ng-app='myApp'> 
    <div ng-controller="AppController"> 
     <div ng-click="getCity()" ng-repeat="step in steps"> 
     <p> {{step.name}}</p> 
    </div> 
</div> 

var myApp = angular.module('myApp', []); 
myApp.controller('AppController', function ($scope) { 
    $scope.steps = [ 
     {name: "ABC", status: true, city: "Boston"}, 
     {name: "DEF", status: true, city: "New York"}, 
     {name: "GHI", status: true, city: "LA"} 
]; 

     $scope.getCity = function(a) { 

    } 
}); 

Detailed code here.

- >所以我點擊 「ABC」 和 「波士頓」 應該給我看了。

欣賞幫助。謝謝。

Answer 1

您可以將價值傳遞給您的getCity功能：

var myApp = angular.module('myApp', []); 
 
myApp.controller('AppController', function($scope) { 
 
    $scope.steps = [{ 
 
     name: "ABC", 
 
     status: true, 
 
     city: "Boston" 
 
    }, 
 
    { 
 
     name: "DEF", 
 
     status: true, 
 
     city: "New York" 
 
    }, 
 
    { 
 
     name: "GHI", 
 
     status: true, 
 
     city: "LA" 
 
    } 
 
    ]; 
 

 
    $scope.getCity = function(step) { 
 
    alert(step.city) 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='myApp'> 
 
    <div ng-controller="AppController"> 
 
    <div ng-click="getCity(step)" ng-repeat="step in steps"> 
 
     <p> {{step.name}}</p> 
 
    </div> 
 
    </div> 
 
</div>