how to display value from json in angularjs

Question

i have json array like following

var data = [
    {
        id: 1,
        name: "abx",
    },{
        id:2,
        name: "silver"
    }
];

is this possible in angularjs. i can display name of json according to assign value like

var x = 2;

{{data.x.name}}

i mean if have id of row is 2 then i just want to show {{name}} directly not want to add looping code and match id == record.id

tymeJV · Accepted Answer · 2015-01-20 19:01:25Z

2

Directly in dot notation? No. You can write a method that takes an id, then returns the name from that:

$scope.getNameFromId(data, id) {
    var item = data.filter(function(item) {
        return item.id === id
    });

    return item.length ? item[0].name : "N/A";
}

Then in your view:

{{getNameFromId(data, 2)}}

answered Jan 20, 2015 at 19:01

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

how to display value from json in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related