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

【问题标题】：Can't bind to 'data-intro' since it isn't a known property of 'button'无法绑定到“数据介绍”，因为它不是“按钮”的已知属性
【发布时间】：2020-04-16 09:19:27
【问题描述】：

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

谁能帮我解决这个问题，我如何在 data-intro 中绑定值。

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

【问题讨论】：

谁能帮我解决这个问题。

标签： html angular typescript intro.js

【解决方案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." 
 }

【讨论】：

我也对此感到厌烦，但收到相同的错误消息 Can't bind to 'intro' because it is not a known property of 'button'.
我已经添加了这个 [attr.data-intro]="introForShowHide" 但问题是当我点击这个按钮时，我必须更改介绍文本调用此 showResourceDescription() 函数后更改。
每次调用这个showResourceDescription()函数后只显示固定或不变的文本。使用绑定的目的是在我调用这个函数showResourceDescription()时改变文本。
把你的功能改变文本即时问题
//声明这个变量的构造函数前introForShowHide = "You can click on Show Instructions button to see action corresponding to enabling each resource"; //调用showResourceDescription()函数后showResourceDescription() { this.introForShowHide = "Click on hide instructions button to hide instructions displayed corresponding to enabling each resource type." }