微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我正在努力使用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

原文地址:https://www.jb51.cc/angularjs/141138.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐