在Angular js中创建动态引导表

时间:2017-02-13 07:29:32

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

我试图将我当前的jquery代码转换为角度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动态创建上面的bootstrap表。需要帮助来理解如何将上述转换为angularjs。我主要是寻找上表提供的功能。即,提供的列搜索,分页等功能需要可用。

非常感谢任何帮助。感谢

1 个答案:

答案 0 :(得分:0)

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

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