我正在使用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
> @L_404_2@更多细节.
