AngularJS object transformation or filter

Question

I have a resource in AngularJS returning an object that looks something like this:

[
 {
  field: {
   name: 'foo'
  },
  field_value: 'bar'
 },
 {
  field: {
   name: 'foo2'
  },
  field_value: 'bar2'
 } 
]

Each field name will be unique, and I want to be able to pull out values by name to populate a form. Something like this:

<input type="text" value="{{data.foo}}" />  # this should equal 'bar'

How can I filter that object to easily access the values? Or should I perform a transformation on the data first?

Artem K. · Accepted Answer · 2015-06-23 15:44:14Z

1

Yes, transforming the data into a proper form is best. I recommend performing the data manipulation in the resource that returns it, before the return.

var newData = {};

data.forEach(function (item) {
        newData[item.field.name] = item.field_value;
    }
);

console.log(newData.foo);

answered Jun 23, 2015 at 15:44

Artem K.

8046 silver badges15 bronze badges

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

Comments

Michael · Accepted Answer · 2015-06-23 15:39:11Z

0

Transform the data info a form, which serves your GUI. You'll avoid a lot of troubles.

answered Jun 23, 2015 at 15:39

Michael

3,1141 gold badge19 silver badges17 bronze badges

3 Comments

kid_drew Over a year ago

Sorry, I'm a newb. Do you mean that I should do a transformResponse as it's coming out of the service rather than trying to build my form around the wonky response?

Michael Over a year ago

No obviously your JSON structure doesn't serve your GUI very well. Best is to put in another form.

kid_drew Over a year ago

That doesn't really help me. I don't have control over the JSON response.

Collectives™ on Stack Overflow

AngularJS object transformation or filter

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related