Angularjs 动态生成ng表模板
我正在使用ng表来创建可排序和可按列过滤的表。不幸的是,当我使用它时,我必须为每一列编写一堆HTML,以便启用过滤功能,这是他们演示的标准副本。有些表有几十列,这真的很乏味。有没有一种方法可以从模型中动态生成ng表,而不必手工编写每个表头的代码?这是我的ng表格HTML的一个示例:Angularjs 动态生成ng表模板,angularjs,ngtable,Angularjs,Ngtable,我正在使用ng表来创建可排序和可按列过滤的表。不幸的是,当我使用它时,我必须为每一列编写一堆HTML,以便启用过滤功能,这是他们演示的标准副本。有些表有几十列,这真的很乏味。有没有一种方法可以从模型中动态生成ng表,而不必手工编写每个表头的代码?这是我的ng表格HTML的一个示例: <table ng-table="tableParams" show-filter="true" export-csv="csv" class="table table-bordered table-h
<table ng-table="tableParams" show-filter="true" export-csv="csv" class="table table-bordered table-hover table-condensed">
<tr ng-repeat="item in $data">
<td data-title="'STUDYID'" filter="{ 'STUDYID': 'text' }" sortable="'STUDYID'">
{{item.STUDYID}}
</td>
<td data-title="'SITEID'" filter="{ 'SITEID': 'text' }" sortable="'SITEID'">
{{item.SITEID}}
</td>
<td data-title="'SUBJID'" filter="{ 'SUBJID': 'text' }" sortable="'SUBJID'">
<a href="/profiles?subject={{item.SUBJID}}&study={{item.study_id}}&version={{item.version}}">{{item.SUBJID}}</a>
</td>
</tr>
</table>
基本上,我想要的是这个,但是启用了列级筛选:
非常感谢你的建议 用EVILKOST的解决方案找到了一个Plunker,这就像一个符咒。$scope.filter_dict可以留空,因为我有动态列,控制器中的一个小循环填充$scope.columns
$scope.columns = [
{ title: 'Name', field: 'name', visible: true, filter: { 'name': 'text' } },
{ title: 'Age', field: 'age', visible: true }
];
伟大的解决方案!