角2：嵌套子組件靈活

Question

我搜索的選項包括從母體側的子組件的HTML標記，如

父組件：

<child><button>+</button></child> 

子組件：

<form> 
    <input /> 
    <!-- insert button here --> 
</form> 

我知道這是可能的反應，但我怎麼能在Angular 2中做到這一點？

Answer 1

檢查出Plunker工作演示中，我提出：

{{HERE}}

我簡單地使用@Input裝飾這個簡單的一塊HTML <b>This bold html text is coming from the parent</b>作爲字符串發送，然後我使用呈現的HTML具有屬性綁定的[innerHTML]屬性。

，這裏是從Plunker快照大膽的文本渲染：