HTML table 字符串到 DOM 元素

Question

我是 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 文件中。我应该使用哪种绑定？

Answer 1

在您的组件的 HTML 中添加一个 div 作为：

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

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

tableHTML: any;

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

HTML table 字符串到 DOM 元素

HTML table string to DOM element

c#

html

angular

angular4-router