标签 angular
<分区>
我有来自数据库的产品数据包含标题、描述... 描述是 html 格式的字符串，像这样:
<b>Name:</b> iPhone 5;<br>
<b>Membery:</b> 8GB;<br>
<b>Condition:</b> Brand new;<br />
如果应该这样显示:
名称:iPhone 5；
内存:8GB；
状况:全新
但是当我在 Angular2 中使用数据绑定(bind)时:{{product.description}}，它显示为纯文本:
<b>Name:</b> iPhone 5; <br /><b>Memory:</b> 8GB;<br /><b>Condition:</b> Brand new;<br />
我应该如何将它正确地显示为 html ？没有用于绑定(bind)的 html 过滤器。
最佳答案
您可以绑定(bind)到 innerHTML:
<div [innerHTML]="product.description"></div>
关于 Angular 2 : How to display data in html format in angular2 data binding?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34980776/
相关文章：
javascript - Angular 2 @View with template vs @Component with template
javascript - Angular 2 如何在组件之间共享变量
angular - ng serve 在构建模块的 15% 处挂起
Angular 2 - CanActivate Observable 在订阅后获得值(value)
javascript - 无法以 Angular 显示用户名
angular - 无法读取 Angular Testing 模拟的属性 'subscribe'
javascript - 当属性位于另一个对象中时如何将 _.groupBy js 用于组对象 - TypeScript