AnglarJS(三)数组的添加与删除&选中事件触发函数

最新推荐文章于 2020-12-24 10:53:39 发布

houysx

最新推荐文章于 2020-12-24 10:53:39 发布

阅读量256

点赞数

分类专栏： 6AnglarJS 文章标签： AnglarJS 数组选中事件

本文链接：https://blog.csdn.net/houysx/article/details/80362331

版权

6AnglarJS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

控制器

                //定义一个删除的数组
                $scope.selectIds = [];

                //选中事件
                $scope.updateSelection = function($event, id) {
                    //如果选中
                    if ($event.target.checked) {
                        //将id添加到集合
                        $scope.selectIds.push(id);
                    } else {
                        //取消选中
                        //获取该元素的角标
                        var idIndex = $scope.selectIds.indexOf(id);
                        //将该元素移除
                        $scope.selectIds.splice(idIndex, 1);
                    }

                }

视图

<tr ng-repeat="entity in entitys">
                      <!--选中时间的触发函数-->
                        <td><input type="checkbox"
                            ng-click="updateSelection($event,entity.id)"></td>
                        <td>{{entity.id}}</td>
                        <td>{{entity.name}}</td>
                        <td>{{entity.firstChar}}</td>

                        <td class="text-center">
                            <button type="button" class="btn bg-olive btn-xs"
                                data-toggle="modal" data-target="#editModal"
                                ng-click="selectOne(entity.id)">修改</button>
                        </td>
                    </tr>