angular – 从控制器HTML Ionic 2中单击

发布时间：2020-12-17 17:28:45 所属栏目：安全来源：网络整理

导读：我如何在Ionic 2的控制器中运行字符串中的函数.我的代码： export class ProjectsPage { text:string = '' ; constructor() { this.text = 'a (click)="myAlert()"Show allert/a' ; } myAlert() { alert(1) ; }} 解决方法您可以使用DomSanitizationService

我如何在Ionic 2的控制器中运行字符串中的函数.我的代码：

export class ProjectsPage {

    text:string = '' ;

    constructor() {
        this.text = '<a (click)="myAlert()">Show allert</a>' ;
    }

    myAlert() {
        alert(1) ;
    }

}

解决方法

您可以使用DomSanitizationService执行此操作.导入服务

import {DomSanitizationService} from '@angular/platform-browser';

现在,在类构造函数中执行此操作

constructor(sanitizer: DomSanitizationService) {
      this.text = '<a (click)="myAlert()">Show allert</a>' ;
      this.text = sanitizer.bypassSecurityTrustHtml(this.text);
  }

在模板中使用这样的

<div [innerHTML]="text"></div>  // here the DOM will be appended

请查看此answer以跟进发布版本和导入中的更新

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!