我正在使用inner
Html并在我的cms中设置html,响应似乎没问题,如果我这样打印:{{poi.content}}
它给了我正确的内容:
`
<table border="0" cellpadding="5" cellspacing="0"> <tbody> <tr> <td style="vertical-align: top;">Tes11t</td> <td style="width: 2px;"> </td> <td style="width: 1px;"><img alt="midgetgolf-sport-faciliteiten-vakantiepark-2.jpg" src="http://beeksebergen.dev/app_dev.php/media/cache/resolve/full_size/midgetgolf-sport-faciliteiten-vakantiepark-2.jpg" style="height: 67px; width: 100px;" /></td> </tr> </tbody> </table>
`
但是当我使用[innerHtml] =“poi.content”时,它会给我这个html:
<table border="0" cellpadding="5" cellspacing="0"> <tbody> <tr> <td>Tes11t</td> <td> </td> <td><img alt="midgetgolf-sport-faciliteiten-vakantiepark-2.jpg" src="http://beeksebergen.dev/app_dev.php/media/cache/resolve/full_size/midgetgolf-sport-faciliteiten-vakantiepark-2.jpg"></td> </tr> </tbody> </table>
当我使用[innerHtml]时,有谁知道为什么它会剥离我的样式
Angular2清理动态添加的HTML,样式,……
@Pipe({name: 'safeHtml'}) export class Safe { constructor(private sanitizer:DomSanitizer){} transform(html) { return this.sanitizer.bypassSecurityTrustHtml(html); } }
[innerHtml]="poi.content | safeHtml"
看到
> https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html
> In RC.1 some styles can’t be added using binding syntax更多细节.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。