HTML表字符串到DOM元素

Question

我是Angular 4（和html）的新手。 我有一个ac＃datatable对象，我想在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文件中。 我应该使用哪种绑定？

Answer 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.
}