ng-option无法加载json列表

时间:2014-05-06 08:22:09

标签: javascript angularjs

<select ng-options="friends.data for friend in myFriends">
   <option value="">Select</option>
</select>

这个对象有点令人困惑,我尝试了很多方法它只是不起作用。

演示:http://plnkr.co/edit/Tz3d4dzXLxLn9XnhOqQx?p=preview

2 个答案:

答案 0 :(得分:2)

您错误地写了ng-options并且ng-model应该出现。

查看此代码。

<select ng-model="frnd" ng-options="friend.name for friend in myFriends.friends.data">

答案 1 :(得分:2)

使用精选控件时,您还需要添加ng-model,因为您使用集合,所以需要将其作为一个myFriends.friends.data传递。

示例:

<select ng-model="friendsModel" ng-options="friend.name for friend in myFriends.friends.data">
        <option value="">Select friend</option>
 </select>

实例:http://plnkr.co/edit/BWjpYSfqCPFwtHrIvn1f?p=preview