在 Angular js 中创建动态引导表答案

【问题标题】：Create a dynamic bootstrap table in Angular js在 Angular js 中创建动态引导表
【发布时间】：2017-02-13 07:29:31
【问题描述】：

我正在尝试将我当前的 jquery 代码转换为 angular js。有一段代码是根据从 spring rest 服务接收到的 json 数据创建动态引导表的。下面是创建动态表的jquery代码。

$("#"+queryTableId).bootstrapTable({
                    cache: false,
                    data: queryTableContent,
                    toolbar: "#analysisEle_"+queryBtnId+"_"+QueryName,
                    toolbarAlign: 'right',
                    search: true,
                    pagination: true,
                    showColumns: true,
                    showToggle: true,
                    showExport: true,
                    exportDataType: 'all', // basic, all, selected
                    exportTypes: ['json', 'xml', 'csv', 'txt', 'sql', 'excel','pdf', 'doc'],
                    onClickRow: function (item, $element) {
                        $("#"+queryTableId).find('tbody tr.active').removeClass('active info');
                        $element.addClass('active info');
                    }
                });

我想使用 Angular js 动态创建上述引导表。需要帮助了解如何将上述内容转换为 angularjs。我主要寻找上表提供的功能。即提供的列搜索、分页等功能需要可用。

非常感谢您对此的任何帮助。谢谢

【问题讨论】：

所有功能都由您使用的 jQuery 插件提供。除非您包含完整版本的 jQuery（通常不推荐用于 Angular 项目），否则您可能需要找到与您需要的功能相匹配的替代 Angular 插件。
感谢克里斯的更新。能否请您详细说明一下。您能否让我知道如何使用 jquery 插件创建表。还有什么方法可以更新表格大小等功能。
这不是您在本网站上应该期待的那种答案。当前插件提供的功能太多，我们无法弄清楚它在做什么，然后给你如何做的说明。如果您真的想自己构建它，那么我将首先查看 jQuery 插件的代码以了解它在做什么，然后了解 Angular 的工作原理并一点一点地构建它。如果我是你，我会寻找一个提供类似功能的 Angular 插件。会快很多。

标签： javascript jquery angularjs twitter-bootstrap bootstrap-table

【解决方案1】：

搜索可以为您完成相同工作的现有角度指令。

所有 dom 操作都应该通过 angular 指令。

【讨论】：