javascript - 无法访问对象属性angularjs

Question

HTML:

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

现在，在我的 Controller 中:

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

输出:

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

为什么我无法访问导出对象的属性？我该如何解决这个问题？我可以看到这是因为我的对象属性是字符串，但我该如何解决这个问题？我当然不想循环和匹配字符串。我只需要访问对象属性。

Answer 1

使用 ng-options 将模型作为所选元素的 json，如果使用 ng-repeat，模型将作为字符串绑定(bind)到选项值。它应该是这样的:

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

检查 this进一步解释。