使用javascript

时间:2019-06-13 11:24:18

标签: angular typescript angular7 ng-bootstrap mat-table

有人知道是否甚至可以使用打字稿来操纵放置在可排序的mat-table中的bootstrap ngb-tooltip?

我可以对代码中所有地方的所有元素执行此操作,但可排序mat-table的标头除外。我认为原因是我已经拥有

  @ViewChild(MatSort) sort: MatSort;

并且可能与这样定义的列标题有关

 <ng-container matColumnDef="CustomerPoNumber">
    <th class="text-light text-left pl-1 pr-1" mat-header-cell 
      *matHeaderCellDef mat-sort-header>Customer<br>Po Number
    </th>
    <td class="text-left pl-1 pr-1 text-nowrap" mat-cell 
      *matCellDef="let row">
      {{row.CustomerPoNumber | replaceText: '\\s':'-'}}</td>
  </ng-container>

当我添加到元素

[autoClose]="true" ngbTooltip="Click" #tooltip5="ngbTooltip"

我的ts代码

  @ViewChild('tooltip5') tooltip5: NgbTooltip;

未定义tooltip5。

但是当我将工具提示定义行移动到mat-table之外的另一个元素时,它可以完美地工作。您知道如何解决此问题吗?

0 个答案:

没有答案