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

发布时间：2020-12-17 08:47:20 所属栏目：安全来源：网络整理

导读：我正在努力使用ng-table以表格方式显示报告.但是,我遇到了使用data-title属性并动态分配标题的问题. 在以下示例中,我尝试按如下方式设置data-title属性. td ng-repeat="field in user" data-title="'{{ fields[$index] }}'" {{ field }}/td $scope.fields =

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

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

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

$scope.fields = [“姓名”,“年龄”];在控制器中定义.检查元素时,data-title属性已正确设置,但标题未正确处理,导致标题为{{fields [$index]}}.

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

1stofall,你在{{fields [$index]}}中有一个无关紧要的”.

第二 – 是的,它可以是动态的：字段数组项目mast具有title属性.

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!