2017-06-02 173 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

相关问题