[英]angular passing variables to child component, skip intermediate
我的角度应用程序(角度1.5)具有几个不同的组件,这些组件分布在整个屏幕上,我想在它们之间传递参数。 该页面具有以下结构:
<div id="semanticParent">
<div id="ui-component1">
<div id="ui-component2">
<div id="semanticChild">
</div>
</div>
</div>
</div>
这些divs
中的每个divs
是一个具有独立范围的单独组件,其中ui-components
是仅处理外观而不受应用程序逻辑影响的第三方库。
我可以想到的一种解决方法是创建一个服务,该服务被注入semanticParent
和semanticChild
并且所有变量都通过该服务传递,但这似乎并不好。
那么,这样做的角度方式是什么?
实际上,这取决于您的功能需求:
1)如果父级是数据的所有者(它创建/编辑数据),而子级仅读取数据,则应将子级组件嵌套在父级中,并通过属性传递数据。
2)如果父母和孩子都可以编辑和读取数据,最好让他们通过服务与数据交互,以确保数据的一致性。
我不知道我的答案是否是您所需要的,但我希望它能澄清。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.