Question

我正在尝试使用PrimeNG版本4.30将带有工具提示的范围添加到列标题。

根据this issue，应在模板元素中使用pTemplate装饰器来完成此操作（后来不推荐使用ng-template）。 type="body"模板可以很好地工作，但是当我尝试将其与type="header"一起使用时，尽管行被很好地填充了，但是标题还是空的。

<p-column sortable="true">
  <ptemplate pTemplate type="header">
      <label>my field</label>
      <span class="fa fa-question-circle" pTooltip="my tooltip" tooltipPosition="right" tooltipEvent="hover" showDelay="50" hideDelay="200"></span>
  </ptemplate>
  <ng-template let-linha="rowData" pTemplate type="body">
    {{linha.myField}}
  </ng-template>
</p-column>

更改模板的顺序会使表用我打算放在标题上的label和span填充行，这使我怀疑它不仅忽略了type，而且还忽略了完全是第一个模板。

Answer 1

显然，type属性不是正确的方法，相反，应直接将pTemplate设置为要使用的类型。像这样：

<p-column sortable="true">
  <ptemplate pTemplate="header">
      <label>my field</label>
      <span class="fa fa-question-circle" pTooltip="my tooltip" tooltipPosition="right" tooltipEvent="hover" showDelay="50" hideDelay="200"></span>
  </ptemplate>
  <ng-template let-linha="rowData" pTemplate="body">
    {{linha.myField}}
  </ng-template>
</p-column>

这解决了问题。

PrimeNG标题模板

1 个答案: