オブジェクトの配列内の値をクリックすると、別のキーの値が返されます。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>