angular ngx-bootstrap onClick警报模块

时间:2019-02-26 04:17:23

标签: angular typescript ngx-bootstrap

我正在使用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代码调用组件函数的方法。

1 个答案:

答案 0 :(得分:0)

您可以尝试通过这种方式在警报内添加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.