AngularJS ng-repeat only show specify key value

Question

My data structure is:

{"code":"AAA","name":"AAA industries","date":null}

I am trying to display just the name in a button. I am trying to use the following:

<div ng-repeat="item in company.details">
    <button ng-repeat="(key, val) in item">
        {{val}}
    </button>
</div>

but of course that displays everything. What's my next step here?

A.B · Accepted Answer · 2014-12-13 21:20:56Z

2

use this

check for key, if it is equal to name then display else dont

 <div ng-repeat="item in company.details">
        <button ng-repeat="(key, val) in item">
            <span ng-if="key=='name'">{{val}}</span>
        </button>
    </div>

answered Dec 13, 2014 at 21:20

A.B

20.5k3 gold badges43 silver badges74 bronze badges

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

Comments

Kolban · Accepted Answer · 2014-12-13 21:45:28Z

0

Here is a jsBin illustrating an answer.

The code logic is as follows:

<body ng-app="MyApp" ng-controller="myController">
  <div ng-repeat="item in data">
    {{item.name}}
  </div>
</body>

answered Dec 13, 2014 at 21:45

Kolban

15.4k3 gold badges46 silver badges71 bronze badges

Comments

harkl · Accepted Answer · 2015-09-07 04:43:09Z

0

Kolban is correct. So in your case the answer would be:

<div ng-repeat="item in company.details"> {{item.val}} </div>

answered Sep 7, 2015 at 4:43

harkl

9217 silver badges17 bronze badges

Collectives™ on Stack Overflow

AngularJS ng-repeat only show specify key value

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related