angular 想通过接收到的json字符串生成html页面，已经转义了，但是总是只显示字符串不显示标签。

Question

问题描述angular-material的项目，想改成通过后台传过来的json字符串动态生成页面标签，没做过,就想先试试简单的htmlString="1111111"页面直接{{htmlString}}页面显示字符串之后又改成过的字符串页面还是显示字符串，请问有做过的吗？为什么只显示字符串

Answer 1

写一个安全转化管道类似：
import{Pipe,PipeTransform}from'@angular/core'
import{DomSanitizer}from'@angular/platform-browser'
/**
*安全转化innerhtml
*/
@Pipe({name:'safeInnerHtml'})
exportclassSafeInnerHtmlPipeimplementsPipeTransform{
constructor(privatesanitized:DomSanitizer){}
transform(value){
returnthis.sanitized.bypassSecurityTrustHtml(value);
}
}
模版直接：