Question

我有一串html内容。如何在html页面中渲染它而不使用angular 4中的document.write（）？

我的字符串如下：

`<mark>4.95</mark><mark>Nunavut</mark><mark>Office Furnishings</mark><mark>0.37
 7</mark><mark>"Angle-D Binders with Locking Rings</mark><mark> Label Holders"</mark><mark>Carl Jackson</mark><mark>613</mark><mark>-54.04</mark><mark>7.3</mark><mark>7.72</mark><mark>Nunavut</mark><mark>Binders and Binder Accessories</mark><mark>0.38
 8</mark><mark>"SAFCO Mobile Desk Side File</mark><mark> Wire Frame"</mark><mark>Carl Jackson</mark><mark>613</mark><mark>127.70</mark><mark>42.76</mark><mark>6.22</mark>Nunavut<mark>Storage & Organization</mark><mark>
 9</mark><mark>"SAFCO Commercial Wire Shelving</mark><mark> Black"</mark><mark>Monica Federle</mark><mark>643</mark><mark>-695.26</mark><mark>138.14</mark><mark>35</mark><mark>Nunavut</mark><mark>Storage & Organization</mark><mark>
 10</mark><mark>Xerox 198</mark><mark>Dorothy Badders</mark><mark>678</mark><mark>-226.36</mark><mark>4.98</mark><mark>8.33</mark>
`

Answer 1

在您的组件中，例如，MyComponent.ts，将您的字符串定义为属性/属性：

public myString = "<mark>...</mark>";

然后，在您的模板MyComponent.html中，将div的innerHtml设置为此字符串：

<div [innerHtml]="myString"></div>

Answer 2

保存您的字符串：

htmlString:String = `<mark> ..... </mark>`;

您可以在innerHTML中使用div，如下所示：

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

Source

在angular4中渲染html内容的好方法是什么？

2 个答案: