Angular - Get values from key value

Question

I get data from URL and I have this data in result :

array: 2[
    1 => "LA"
    2 => "NY"
 ]

I want to show only value in List . Here is my code :

var app = angular.module('myApp', []);
        app.controller('MyCtrl', function($scope, $http) {
            $http.get('/getCities').
            success(function(data, status, headers, config) {
                $scope.cities = data;
            }).
            error(function(data, status, headers, config) {
                // log error
            });
        });

Is it the best way to show them?

<ul ng-repeat="(key, value) in cities">
  <li>  {{ value }} </td>
</ul>

EDITED : I edit my html to :

                            <ul ng-repeat="city in cities">
                                <li>  {{ city }} </li>
                            </ul>

Actually , I give this error : angular.min.js:117 Error: [ngRepeat:dupes]

Also, please read docs.angularjs.org/api/ng/service/$http#deprecation-notice — Phil
– Phil, Commented May 18, 2016 at 6:22
What exactly is the data structure returned? What you have at the top of your question isn't anything understandable by JavaScript. — Phil
– Phil, Commented May 18, 2016 at 6:28

M. Junaid Salaat · Accepted Answer · 2016-05-18 06:27:36Z

1

This is an array. You don't need key value notations for repeatation. Just write

<ul ng-repeat="city in cities">
  <li>  {{ city }} </td>
</ul>

and Thats all.

answered May 18, 2016 at 6:27

M. Junaid Salaat

3,8031 gold badge25 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Phil Over a year ago

How do you know it's an array? Seems to be more akin to a map with keys "1" and "2", ie {"1":"LA","2":"NY"}. Until OP confirms, we're all just guessing

M. Junaid Salaat Over a year ago

Well it is shown above in square bracket notation and it has array written before it. either of this if it were an object the above code should work fine for the repeat in the markup.

M. Junaid Salaat Over a year ago

I am also guessing. :)

Farzan Najipour Over a year ago

I get this error : angular.min.js:117 Error: [ngRepeat:dupes]

M. Junaid Salaat Over a year ago

This error occur when duplicates are being used in repeats. You can use <ul ng-repeat="city in cities track by $index"> to avoid it. But it is not recommended until you want to allow duplicates.

Collectives™ on Stack Overflow

Angular - Get values from key value

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related