Question

我有一个选择列表：

 <select ng-model='myFriend' ng-options='person.name for person in people'>
      <option value=''>-- choose friend --</option>
 </select>

还有一些数据：

 $scope.people = [
      {name: 'Tyler Durden', online: true, image: 'tyler_durden.jpg'},
      {name: 'Darth Vader', online: true, image: 'darth_vader.jpg'},
      {name: 'The Joker', online: true, image: 'the_joker.jpg'},
 ];

我想在选择框旁边添加一个复选框，该复选框将保留在选择框中选中的朋友的在线状态。我不知道该如何去做。

Answer 1

你实际上只是在那里拥有你已有的东西。由于您已将myFriend绑定到当前选定的选项，因此您可以调用所需的任何信息：

<select ng-model='myFriend' ng-options='person.name for person in people'>
    <option value=''>-- choose friend --</option>
    <p>{{myFriend.online}}</p>
</select>

这是关于jsfiddle的演示：http://jsfiddle.net/JdLby/（它不是一个复选框，但是一旦你有了价值，你可以随心所欲地做任何事情）

将选择框链接到复选框（AngularJS）

1 个答案: