繁体   English   中英

角度传递变量到子组件,跳过中间

[英]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是仅处理外观而不受应用程序逻辑影响的第三方库。

我可以想到的一种解决方法是创建一个服务,该服务被注入semanticParentsemanticChild并且所有变量都通过该服务传递,但这似乎并不好。

那么,这样做的角度方式是什么?

实际上,这取决于您的功能需求:

1)如果父级是数据的所有者(它创建/编辑数据),而子级仅读取数据,则应将子级组件嵌套在父级中,并通过属性传递数据。

2)如果父母和孩子都可以编辑和读取数据,最好让他们通过服务与数据交互,以确保数据的一致性。

我不知道我的答案是否是您所需要的,但我希望它能澄清。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM