Question

我正在使用ngx-bootstap警报模块显示警报。当有人单击警报中的帐号时，我想显示模态以及该帐号的更多详细信息。我没有在警报模块上找到onClick事件。有关闭事件的事件处理程序，但单击事件没有。

我试图使用innerHTML包含代码来创建类似onClick的功能，但是它不起作用。

这是html部分-

<div *ngFor="let alert of alerts">
          <alert [type]="alert.type" [dismissible]="dismissible">
              <span [innerHTML]="alert.msg | safe: 'html'"></span>
            </alert>
</div>

我定义了可以正常工作的安全管道。

这是警报的返回值-

[{
            "type": "success",
            "msg": "Adjustments - Marry Jonson <a href='javascript:folioClicked(1305879);'>#130-5879</a> Amount $102."
        }]

我在组件中定义了folioClicked（）函数。但是，我不知道该怎么称呼。我尝试使用javascript：folioClicked调用，但无法正常工作，并显示错误“未捕获的ReferenceError：folioClicked未定义在：1：1”。

似乎正在尝试在javascript中查找代码。我能理解原因。但是，找不到通过innerHTML代码调用组件函数的方法。

Answer 1

您可以尝试通过这种方式在警报内添加click事件。希望对您有帮助。

<alert type="success">
 <strong>Well done!</strong> You successfully read this important alert message.
  <a (click)="fooClick(accNo)">Account.no. {{accNo}}</a>
</alert>

Here I am adding running snippet link to help you it.

angular ngx-bootstrap onClick警报模块

1 个答案: