Динамически определенный заголовок данных с ng-таблицей

Я работаю над использованием ng-table для отображения отчетов в виде таблицы. Однако я столкнулся с проблемой использования атрибута data-title и динамического назначения заголовка.

В следующем примере я пытаюсь установить атрибут data-title следующим образом.

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

$scope.fields = ["Names", "Ages"]; определяется в контроллере. При проверке элемента атрибут data-title установлен правильно, однако заголовки не обрабатываются должным образом, что приводит к заголовку {{ fields[$index] }}.

Вот живой пример: http://plnkr.co/edit/gBS6FGINayYufPGqCMxb?p=preview.


angularjs ngtable
person user2882597    schedule 11.06.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

1stofall у вас есть ненужные '' в {{fields[$index]}}.

2-й - да, он может быть динамическим: элемент массива полей должен иметь атрибут заголовка.

<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.

вам следует использовать этот пример — Обновленный пример 20: Динамические столбцы

person voznik    schedule 12.09.2015
comment
Пример не работает и ваш код не работает. - person user2882597; 14.09.2015
comment
@user3730788 user3730788 - хм... обновлен неработающий исходный код для ng-table.min.js - person voznik; 14.09.2015
comment
Большое спасибо за этот ответ, работает как шарм :) - person Aqib Mumtaz; 22.10.2015