在 AngularJS 中使用 Ng-Table 对自定义模板进行排序

Question

我遵循了这个指南：Documentation

我写了这段代码：

<script type="text/ng-template" id="limiteRecDosExpl.html">
    <p sortable="'limiteRecDosExpl'">Limite réception fin<br />du dossier exploitant</p>
</script>

.....

<td filter="{ limiteRecDosExpl : 'text'}" header="'limiteRecDosExpl.html'" >
    <div style="word-wrap: break-word; width: 100%; overflow: hidden;">
        <span>{{row.limiteRecDosExpl | date:'shortDate'}}</span>
    </div>
</td>

过滤器运行良好，但脚本标记内的 sortable 指令不起作用。我想是因为缺少 data-title 标签，但我需要用 < br /> 中断 header 内的文本，所以我不能使用它。

如何对我的 limiteRecDosExpl 列进行排序？

Answer 1

终于解决了这个问题。

只需在模板中的 td 标签中添加一个空 data-title 并在 p 标签中添加 sort-indicator class :

<script type="text/ng-template" id="limiteRecDosExpl.html">
    <p class="sort-indicator">Limite réception fin<br />du dossier exploitant</p>
</script>

.....

<td filter="{ limiteRecDosExpl : 'text'}" header="'limiteRecDosExpl.html'" data-title="''" >
    <div style="word-wrap: break-word; width: 100%; overflow: hidden;">
        <span>{{row.limiteRecDosExpl | date:'shortDate'}}</span>
    </div>
</td>

在 AngularJS 中使用 Ng-Table 对自定义模板进行排序

Sorting custom template with Ng-Table in AngularJS

html

javascript

sorting

angularjs

ngtable