angular2中将带标签的文本输出在页面上

为了系统性的防范XSS问题,Angular默认把所有值都当做不可信任的。 当值从模板中以属性(Property)、DOM元素属性(Attribte)、CSS类绑定或插值表达式等途径插入到DOM中的时候, Angular将对这些值进行无害化处理(Sanitize),对不可信的值进行编码。

  1. h3>Binding innerHTML
  2. Bound value:

  3. class="e2e-inner-html-interpolated">{{htmlSnippet}}

  4. Result of binding to innerHTML:

  5. class="e2e-inner-html-bound" [innerHTML]="htmlSnippet">

[ innerHTML ] = "htmlSnippet" 这个属性可以识别 HTML标签 但不识别标签中的属性值

你可能感兴趣的:(angular2中将带标签的文本输出在页面上)