2017-06-02 172 views
0

我試圖用AngularJS組件實現這種行爲。將控制器傳遞給angularjs組件

<parent-component> 
    <reusable-child-component></reusable-child-component> 
</parent-component> 

我想要的是將父母的控制器傳遞給可重用的子組件。我知道傳遞控制器可以使用require屬性完成,但會包含父組件的名稱。 (例如require:'^ parentComponent')。

我有可能將動態控制器傳遞給子組件嗎?子組件將動態接收其父控制器。

<parent-component> 
    <reusable-child-component></reusable-child-component> 
</parent-component> 


<parent2-component> 
    <reusable-child-component></reusable-child-component> 
</parent2-component> 

需要建議或幫助。如果可能,寫在打字稿中。

+0

爲什麼需要這一點,你爲什麼不能簡單地使用綁定這個目的?這不是一個好主意,但你可以嘗試使用[像這樣的東西](https://jsfiddle.net/aygqcgeb/10/)。 –

回答

0

只需使用綁定的子組件上,像這樣:

<reusable-child-component my-data="dataFromParentController"></reusable-child-component> 

瀏覽一下成分的官方文檔 - https://docs.angularjs.org/guide/component

相關問題