not able to access object property angularjs

Question

HTML:

  <select ng-model="outlet">
        <option ng-repeat="outlet in outlets" value='{{outlet}}'>
 {{outlet.name}}</option></select>

Now, In my controller:

console.log(outlet)
console.log(outlet._id)
var selectedoutlet = {"_id":"554c930c79d26026307a5a9d","name":"Model Town","city":"Default"};
console.log(selectedoutlet);
console.log(selectedoutlet._id)

Output:

{"_id":"554c930c79d26026307a5a9d","name":"Model Town","city":"Default"}
 undefined
 {_id: "554c930c79d26026307a5a9d", name: "Model Town", city: "Default"}
 554c930c79d26026307a5a9d

Why is it that I can not access properties of outlet object?How do I fix this? I can see it is because my object properties are strings but how do I get around this? I certainly do not want to loop and match string. I just need to access object properties.

Why not use ng-options instead of ng-repeat?

Alberto I.N.J.
– Alberto I.N.J.

2015-09-17 10:25:54 +00:00
Commented Sep 17, 2015 at 10:25 — Alberto I.N.J.
– Alberto I.N.J., Commented Sep 17, 2015 at 10:25

Community · Accepted Answer · 2017-05-23 12:06:41Z

2

Use ng-options to have the model as json of the selected element, in case of using ng-repeat, the model is bind to the option value as a string. Here is how it should be:

<select ng-model="outlet" ng-options="outlet.name for outlet in outlets" ng-change="display()">
 </select>

Check this for further explanation.

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Sep 17, 2015 at 10:30

Diana R

1,1741 gold badge9 silver badges24 bronze badges

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

Comments

ram hemasri · Accepted Answer · 2015-09-17 10:26:32Z

1

if your outlet variable is a string instead of object, the best way to convert to object is using JSON.parse(outlet)

answered Sep 17, 2015 at 10:26

ram hemasri

1,63611 silver badges14 bronze badges

Collectives™ on Stack Overflow

not able to access object property angularjs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related