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

Question

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

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

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

$scope.fields = ["Names", "Ages"];在 Controller 中定义。在检查元素时，正确设置了 data-title 属性，但未正确处理标题，导致标题为 {{ fields[$index] }}。

这是一个活生生的例子: http://plnkr.co/edit/gBS6FGINayYufPGqCMxb?p=preview

Answer 1

1stofall，你有多余的''在 {{fields[$index]}} .

第二 - 是的，它可以是动态的:字段数组项桅杆有标题属性。

<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