鏈接選擇框的複選框（AngularJS）

和一些數據：

$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'}, 
];

我想補充的選擇框，將舉行旁邊的複選框在選擇框中選擇的朋友的在線狀態。我不知道如何去做這件事。

來源

2014-06-14 Arak Tai' Roth

你真的需要一個複選框（即全控制）還是隻是一個複選標記？ –

我希望該複選框也可用於打開或關閉所選朋友的在線狀態。 –

你的意思是說你想過濾全部或在線的朋友嗎？ –

你實際上只是在那裏，你已經有了。既然你已經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/（這不是一個複選框，但一旦你擁有了價值，你可以做任何你想要的東西）

來源

2014-06-15 01:11:19

鏈接選擇框的複選框（AngularJS）

回答

相關問題