在 mat-paginator 中插入按钮的指令:图标未呈现

问题描述 投票:0回答:1

我想在 mat-paginator 组件中的“上一页”和“下一页”之间插入一个按钮,为此我编写了一个指令,该指令负责注入分页器及其 DOM 引用,并使用Angular 的

Renderer2
。它可以工作,除了这两个失败:

  • SVG 图标未呈现(按钮可以工作,但显示为空白) (已解决,请参阅编辑);
  • 未显示工具提示。

有人可以看一下并告诉我缺少什么吗?预先感谢。

链接到我在 StackBlitz 中的代码

编辑

通过向元素 添加“svg”命名空间解决了图标未渲染的问题(感谢,reddit)。

angular angular-material angular-directive paginator
1个回答
0
投票

我设法通过动态创建一个新的

MatToolTip
来解决。

在StackBlitz上查看解决方案,请查看构造函数的参数和

attachMatToolTip()
方法。

欢迎任何改进建议!

© www.soinside.com 2019 - 2024. All rights reserved.