javascript - 通过选中复选框更新范围

Question

我有两个表，我想通过使用表行中的单个选择下拉列表或选择多个复选框并批量更新范围来过滤它们。

用户应该能够检查记录，选择顶部下拉状态，然后更新范围。如果状态大于或等于 1，则进入一个表，如果小于，则进入另一表。

小提琴http://jsfiddle.net/TheFiddler/hxz06sd7/

如何使用复选框根据所选值更新选中的值？

选择

 <select ng-options="item.value as item.displayName for item in StatusDropDown" ng-model="person.status" ng-change="updateSelected()"></select>

updatedSelected 应该采用选中的行并过滤：

$scope.updateSelected = function(statusarg){
            //how to set status for selected and update tables

}

Answer 1

将ng-model ( person.selected) 关联到复选框和更改时，根据选定的属性将它们过滤掉，并将其应用于value它们。

$scope.updateSelected = function (statusarg) {
    //how to set status for selected and update tables
    angular.forEach($scope.people, function(person){
        person.selected && (person.status = statusarg);
    });
}

小提琴

您的代码的早期问题是：您不应该使用它们不适合一起工作的语法track by。select as您很少需要通过 ng-options 使用 track by。阅读本文了解更多详情。