首页 > 解决方案 > Angular:向标签添加点击方法 - 字符串中的属性绑定

问题描述

我想在此代码中添加一个单击方法,并在 a 标记中添加一个变量。有人可以告诉我这是如何工作的吗?之后,字符串将被插入到一个 innerHTML 中。

let ab:string = '<span id=$start class="grammar__warning"> <a (click)="addListenerToSpan('$event')"> "$variable"</a> </span>'

编辑:我这样渲染:

 <div class="menu" id="menu" [innerHTML]="htmlText"></div>

我用跨度替换了部分文本(id=menu 中的文本),以在其中具有一些 css 样式和可点击按钮。

this.htmlText = this.htmlText.replace(this.htmlText.substr(start-1, end - start), ab);

标签: angular

解决方案


也许这会起作用:

<div class="menu" id="menu" style="cursor: pointer;" [innerHTML]="htmlText"></div>

或者只是在css中:

.menu{ cursor: pointer;}

推荐阅读