html - angular 2 [innerHTML] 在 html 中渲染(不适用于 angular 2)

<分区>

我正在使用 Angular 2，我尝试将变量 action.render 中的文本呈现为 html 代码:

<p *ngIf="action.isHtml">
      <div [innerHTML]="{{action.content}}"></div>                                               
</p>
<p *ngIf="!action.isHtml">
      {{action.content}}
</p>

innerHTML 不适用于我的情况。 Angular 2还有其他方法吗？ (这是我得到的)

这是我的action.content

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
            </title>
            <style type="text/css">
                .cs2654AE3A{text-align:left;text-indent:0pt;margin:0pt 0pt 0pt 0pt}
                .csC8F6D76{color:#000000;background-color:transparent;font-family:Calibri;font-size:11pt;font-weight:normal;font-style:normal;}
            </style>
        </head>
        <body>
            <p class="cs2654AE3A"><span class="csC8F6D76">New claim declaration by HD team 00015371</span></p></body>
    </html>

最佳答案

将您的代码更改为此并重试:

<p *ngIf="action.isHtml">
      <div [innerHTML]="action.content"></div>                                               
</p>
<p *ngIf="!action.isHtml">
      {{action.content}}
</p>

您应该使用 innerHTML="{{action.content}}" 或 [innerHTML]="action.content" 而不是 [innerHTML] ="{{action.content}}"

关于html - angular 2 [innerHTML] 在 html 中渲染(不适用于 angular 2)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43141836/

上一篇：angular - 如何将自定义 polyfill 添加到 angular-cli 项目？

下一篇：javascript - 找不到模块 'chart.js'。)Angular 2

html - 导航栏未对齐

Angular2 pathLocationStrategy : url change cause page reload

javascript - 数组在 Angular 2中多次被ngdocheck推送元素

javascript - 动态表单不起作用

javascript - css 上的子菜单悬停菜单问题

html - 如何给一个 Angular 8 组件主体一个背景色？

javascript - 将数据从 Node 传递到 Jade ？

angular - 更新输入变量时子组件不更新 - Angular

C++ MFC MDI View 渲染