Angular 2 DRY：简单模板的小语法

Question

所以我想要包含大而不复杂的html，它只包含1个变量item，它应该从父级继承。

是否有一些简单的方法，而不是必须为它创建一个完整的组件？

<div>Lots of nodes here, not just one, and also some item attributes {{item.url}}</div>

家长会在几个地方加入此模板。

所需的语法数量最少？

Answer 1

如何使用link和variable value显示已解析的 HTML 。

• 的 Plunker-insert parsed HTML

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

export class ParentCmp {

   myVal:string="micronyks";
   myHtml="<a href='http://google.com'>Google.com</a>" + this.myVal + " <p>Long text</p>";

}