這裏獲得選擇的項目清單，我使用angular.js示人名單如何angular.js
<div class="recipient" ng-repeat="person in people">
<img src="{{person.img}}" /> person.name
<div class="email">person.email</div>
</div>
$scope.people = [{id:1}, {id:2}, {id:3}, {id:4}];
看起來就像下面 
我想要做什麼是我可以選擇多個項目，並通過單擊確定按鈕，我可以得到選定項目的列表。所以如果我選擇ID 1和ID 2，然後我想返回[{ID：1}，{ID：2}]列表
我怎麼能實現它在angular.js
好我想如果你使用ng-repeat來循環播放一組人，你可以在每個項目上添加ng-click指令來切換你的對象的屬性，比如選擇。
然後在你的OK按鈕點擊，就可以過濾所有具有選擇屬性設置爲true的人。
下面是執行的代碼片段：
<div class="recipient" ng-repeat="person in people" ng-click="selectPeople(person)">
<img src="{{person.img}}" /> person.name
<div class="email">person.email</div>
</div>
<button ng-click="result()">OK</button>
function demo($scope) {
$scope.ui = {};
$scope.people = [{
name: 'Janis',
selected: false
}, {
name: 'Danyl',
selected: false
}, {
name: 'tymeJV',
selected: false
}];
$scope.selectPeople = function(people) {
people.selected = !people.selected;
};
$scope.result = function() {
$scope.ui.result = [];
angular.forEach($scope.people, function(value) {
if (value.selected) {
$scope.ui.result.push(value);
}
});
};
}
.recipient {
cursor: pointer;
}
.select {
color:green;
}
.recipient:hover {
background-color:blue;
}
<script src="https://code.angularjs.org/1.2.25/angular.js"></script>
<div ng-app ng-controller="demo">
<div class="recipient" ng-repeat="person in people" ng-click="selectPeople(person)" ng-class="{ select: person.selected }">
<div class="name">{{ person.name }}</div>
</div>
<button ng-click="result()">OK</button>
Result :
<ul>
<li ng-repeat="item in ui.result">{{ item.name }}</li>
</ul>
</div>
如果你只是想顯示勾選或者你可以只應用一個過濾器，但你需要從undefined過濾值切換至true如果你不想被卡住不能再顯示所有。
HTML：
<button ng-click="filterChecked()">Filter checked: {{ checked }}</button>
<div class="recipient" ng-repeat="person in people | filter:checked">
<input type='checkbox' ng-model="person.isChecked" />
<img ng-src="{{person.img}}" />{{ person.name }}
<div class="email">{{ person.email }}</div>
</div>
控制器：
// Apply a filter that shows either checked or all
$scope.filterChecked = function() {
// if set to true or false it will show checked or not checked
// you would need a reset filter button or something to get all again
$scope.checked = ($scope.checked) ? undefined : true;
}
如果你想獲得已檢查了所有和提交的表單數據你可以簡單地通過數組循環：
控制器：
// Get a list of who is checked or not
$scope.getChecked = function() {
var peopleChkd = [];
for (var i = 0, l = $scope.people.length; i < l; i++) {
if ($scope.people[i].isChecked) {
peopleChkd.push(angular.copy($scope.people[i]));
// Remove the 'isChecked' so we don't have any DB conflicts
delete peopleChkd[i].isChecked;
}
}
// Do whatever with those checked
// while leaving the initial array alone
console.log('peopleChkd', peopleChkd);
};
注意person.isChecked在HTML僅加入。
請在這裏填寫更多的單詞'我可以得到選擇的項目列表' – swapnesh 2014-09-24 18:21:04