HTML 表格字符串到 DOM 元素答案

【问题标题】：HTML table string to DOM elementHTML 表格字符串到 DOM 元素
【发布时间】：2018-09-19 18:06:06
【问题描述】：

我是 Angular 4（以及 html）的新手。我有一个 c# 数据表对象，我想在 Angular 应用程序中呈现它。所以我把这个数据表变成了一个 HTML 字符串，比如：

<table class="table table - striped">
            <tr><td>Name</td><td>BI</td><td>Run Time</td><td>Missing</td><td>Stale</td><td>Jump</td></tr>
            <tr><td>something</td><td>223</td><td>4/10/2018 7:05:07 AM</td><td>0</td><td>1</td><td>0</td></tr>

        </table>

现在我尝试了解如何将其动态集成到我的 HTML 文件中。我应该使用什么样的绑定？

【问题讨论】：

你可以创建一个div使用HTML字符串作为div的innerHTML。

标签： c# html angular angular4-router

【解决方案1】：

在组件的 HTML 中添加 div 为：

<div [innerHTML]="tableHTML"></div>

在组件中声明一个变量并在您获得更新的 HTML 表格字符串时更新此值。可以这样做：

tableHTML: any;

onAfterViewInit(){ 
  tableHTML = <updated HTML string> // tableHTML should be updated whenever you are getting data from back-end.
}

【讨论】：