html - 无法绑定到“数据介绍”，因为它不是“按钮”的已知属性

Question

我在 Angular 8 中使用 intro.js 库。一切正常，但在这一步我被卡住了。我无法在此按钮标签的 data-intro 中绑定值。实际上，“introForShowHide”基本上是我从 component.ts 文件发送的文本。

谁能帮我解决这个问题，我如何在数据介绍中绑定值。

<button type="button" data-step="1" [data-intro]="introForShowHide" data-position="right">Demo </button>

标签： htmlangulartypescriptintro.js

Answer 1

那样写

<button type="button"(click)="howResourceDescription()"  data-step="1"[attr.data-intro]="introForShowHide"  data-position="right">Demo </button>

将您的功能放入其 component.ts

howResourceDescription() { 
    this.introForShowHide = "Click on hide instructions button to hide instructions displayed corresponding to enabling each resource type." 
 }