Retrieve value from key in angularJS

Question

I have a json data like this

[{
   "ID":699,
   "key":"directorname",
   "value":"SampleValue"}
,{
   "ID":700,
   "key":"template_post_type",
   "value":"Sample2ndValue"}]

Now for example I want to retrieve value by "directorname" key.

Is it possible to retrieve value in AngularJS without using repeat syntax?

Note: I want to show value in view (html).

data {"fields": ["directorname", "template_post_type"]}

view structure:

    <div ng-repeat="thekey in data.fields">                        
        <span>here for value</span>
    </div>

No, you would require some looping

Naeem Shaikh
– Naeem Shaikh

2014-12-08 11:58:21 +00:00
Commented Dec 8, 2014 at 11:58 — Naeem Shaikh
– Naeem Shaikh, Commented Dec 8, 2014 at 11:58

raina77ow · Accepted Answer · 2014-12-08 12:10:36Z

2

Assuming arr variable has the data, there's one way to get the value:

var val, i = arr.length;
while (i--) {
  if (arr[i].key === 'directorname') {
    val = arr[i].value;
    break;
  }
}

Purely angular-ish way, I suppose, would be extracting the required element from arr with $filter:

var val = $filter('filter')(arr, {key: 'directorname'}, true)[0].value;

... but that's, I suppose, too much for such a simple operation.

edited Dec 8, 2014 at 12:10

answered Dec 8, 2014 at 12:03

raina77ow

107k16 gold badges205 silver badges240 bronze badges

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

Comments

xio4 · Accepted Answer · 2014-12-08 12:29:15Z

1

You can use angular.fromJson and Array.prototype.filter methods:

var a = '[{"ID":699,"key":"directorname","value":"SampleValue"},{"ID":700,"key":"template_post_type","value":"Sample2ndValue"}]';
var objArr = angular.fromJson(a).filter(function(item) {
    if (item.key === "directorname") {
        return true;
    }
});
console.log(objArr[0].value);

This variant can find all values satisfied condition key === "directorname".

Here is jsfiddle example.

answered Dec 8, 2014 at 12:29

xio4

2161 silver badge4 bronze badges

1 Comment

Amin Over a year ago

How can I use this in the View?

Collectives™ on Stack Overflow

Retrieve value from key in angularJS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related