Angularjs 安格拉斯<;选择>;ng选项所选值未正确设置
我有一个伪代码angularjs应用程序。您可以为每个人选择一个爱好,保存并再次加载。 但是,当我加载数据时,选择框没有选择正确的选项Angularjs 安格拉斯<;选择>;ng选项所选值未正确设置,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,我有一个伪代码angularjs应用程序。您可以为每个人选择一个爱好,保存并再次加载。 但是,当我加载数据时,选择框没有选择正确的选项person.hobby存在并且是正确的对象,但ng模型似乎设置不正确。 我错过什么了吗 <div ng-repeat="person in people"> <p>{{ person.fullname }}</p> <select ng-model="person.hobby" n
person.hobby
存在并且是正确的对象,但ng模型似乎设置不正确。
我错过什么了吗
<div ng-repeat="person in people">
<p>{{ person.fullname }}</p>
<select ng-model="person.hobby"
ng-options="h.hobby_name group by h.category for h in hobbies">
</select>
</div>
<script>
//... controller...
$http.get('/gethobbies/').succes(data) {
hobbies = data;
};
$http.get('/getpeople/').succes(data) {
people = data;
// looks like this: [{'fullname': 'bill gates', 'hobby': {'hobby_name': 'programming', 'category': 'computers'}, ...]
};
</script>
{{person.fullname}
//... 控制器。。。
$http.get('/gethabiods/').succes(数据){
爱好=数据;
};
$http.get('/getpeople/').succes(数据){
人=数据;
//看起来像这样:[{'fullname':'billgates','hobby':{'hobby_name':'programming','category':'computers'},]
};
ng model
需要设置为与要选择的ng options
数组中的对象完全相同的对象。Angular使用对象引用来确定哪个对象应处于活动状态,以使“嗜好对象”与“嗜好”中的对象具有相同的“嗜好名称”还不够。它需要是对同一对象的引用
有关详细信息,请参见如果您想解决您的问题,请提供一个plunker示例,有人会帮您解决:)好的,谢谢。如果有人想知道,我通过在
人物
数组上执行forEach
来解决它,在嗜好
数组中查找引用(具有相同嗜好名称的嗜好)并重新分配它