How to show json array with conditions using ng-repeat?

Question

Hi I have a json array like this

var homes = [
    {

        "city": "Dallas",
        "state": "TX",
        "zip": "75201",
        "NoteNumber": "162500"
    }, {

        "city": "Bevery Hills",
        "state": "CA",
        "zip": "90210",
        "NoteNumber": "319250"
    }, {

        "city": "New York",
        "state": "NY",
        "zip": "00010",
        "NoteNumber": "null"
    }
];

I am displaying them in a div using ng-repeat

<div ng-repeat="name in homes">
{{name.city}}
</div>

I have html select tag with options notenumber and null

Help me how to show cities who only have notenumber when notenumber is selected and when null is selected it should show only null notenumber cities.

you can generate select tag with use of ng-options and addign current value to ng-model in select tag. — shyammakwana.me
– shyammakwana.me, Commented Sep 15, 2015 at 6:41

ThiagoPXP · Accepted Answer · 2015-09-15 06:41:11Z

1

Filter your array by another scope var that is bound to your SELECT

<select ng-model="selectedNoteNumber">YOUR OPTIONS HERE</select>

<div ng-repeat="name in homes | filter: { 'NoteNumber': selectedNoteNumber }">
    {{name.city}}
</div>

answered Sep 15, 2015 at 6:41

ThiagoPXP

5,4823 gold badges34 silver badges45 bronze badges

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

Comments

Anand G · Accepted Answer · 2015-09-15 07:03:41Z

0

You can try this

<select ng-model="NoteNumber" ng-options="homes.NoteNumber as homes.NoteNumber for NoteNumber in homes"> </select>

<div ng-repeat="name in homes">
    <span ng-if="NoteNumber !== 'null'">{{name.city}}</span>
</div>

Hope this helps

edited Sep 15, 2015 at 7:03

answered Sep 15, 2015 at 6:42

Anand G

3,2102 gold badges24 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to show json array with conditions using ng-repeat?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related