使用ng-table动态定义数据标题

时间:2014-06-11 16:00:22

标签: angularjs ngtable

我正在努力使用ng-table以表格方式显示报告。但是,我遇到了使用data-title属性并动态分配标题的问题。

在以下示例中,我尝试按如下方式设置data-title属性。

<td ng-repeat="field in user" data-title="'{{ fields[$index] }}'">
  {{ field }}
</td>

$scope.fields = ["Names", "Ages"];在控制器中定义。检查元素时,数据标题属性已正确设置,但标题未正确处理,导致标题为{{fields [$ index]}}。

以下是一个实例:http://plnkr.co/edit/gBS6FGINayYufPGqCMxb?p=preview

1 个答案:

答案 0 :(得分:0)

1stofall,您在''中有{{fields[$index]}}。{/ 1>}

第二 - 是的,它可以是动态的:字段数组项目mast具有标题属性。

<table ng-table-dynamic="tableParams with columns" show-filter="false" class="table table-bordered table-striped">
    <tbody>
      <tr ng-repeat="user in $data">
        <td ng-repeat="col in $columns">{{user[col.field]}}</td>
      </tr>
    </tbody>
  </table>

我为你编辑了ngTable旧网站上的旧例子。

你应该使用这个例子 - Updated Example 20: Dynamic columns