相关疑难解决方法(0)

如何只获得angularjs中的选中复选框?

我有ng-repeated数据,我试图只获取用户选择的数据.我不知道怎么做,这就是我所拥有的:

HTML:

<div data-ng-controller="MyCtrl">
    <ul>
        <li data-ng-repeat="record in records">
            <input type="checkbox" ng-model="record.Id"> {{record.Id}}
        </li>
    </ul>
    <a href="javascript:;" data-ng-click="ShowSelected()">Show Selected</a>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

function MyCtrl($scope) 
{
    $scope.records = [ { "Id": 1 }, { "Id": 2 }, { "Id": 3 } ];
    $scope.ShowSelected = function() 
    {
        // how can I get only the selected records here ?
    }
}
Run Code Online (Sandbox Code Playgroud)

我确实以一种方式工作 - 通过向isSelected:false每个对象添加属性ng-model并将复选框更改为record.isSelected,我可以在ShowSelected函数中对其进行过滤.这似乎效率低下,我不想为模型添加额外的属性,如果可以避免它.

有没有更好的办法 ?

javascript angularjs

8
推荐指数
1
解决办法
4万
查看次数

标签 统计

angularjs ×1

javascript ×1