功能调用在Angular2中被阻止（它们已被清除）

您好，我有一个页脚div，我正在从typescript文件中添加innerHtml

HTML代码：

<div class="footerbar" [innerHTML]="printProgressfooterHtmlContent"></div>

类型脚本代码：`

this.printProgressfooterHtmlContent = '<ul class="nav navbar-nav footerNavBarLeft"><li class="backButtonLi"><a href="#/about"><i class="fa fa-angle-left"></i><h4 class="footerDone">BACK</h4></a></li></ul><ul  class="nav navbar-nav footerNavBarRight"><li class="backButtonLi LiSeperator"><a class="footerProgressLeftAtag"><h4 class="footerDone">|</h4></a></li><li><a ><h4 class="footerDone" (click)="myFunc()">GROUPS</h4></a></li></ul>';

this.printProgressfooterHtmlContent='
组；

在这里，我调用一个函数myFunc（），但当编译器加载时，我得到一个警告，即警告：在控制台中清理HTML剥离的某些内容

请提供适当的解决方案

---

提前感谢。

您应该使用DOM消毒剂：

import {DomSanitizer} from '@angular/platform-browser'

---

this.printProgressfooterHtmlContent=this.sanitizer.bypassSecurityTrustHtml（'Angular只是清理内容以避免注射。你很好，没有其他事情可做（如果我记得，在Angular 2中，你必须自己清理，现在它自动完成，当你不在产品模式时它会警告你）不，它不工作。现在控制台中没有警告，但无法调用该函数
constructor(private sanitizer: DomSanitizer)

this.printProgressfooterHtmlContent = this.sanitizer.bypassSecurityTrustHtml('<ul class="nav navbar-nav foo...');