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

Question

我的角度应用程序（角度1.5）有几个不同的组件，分布在整个屏幕上，我想在它们之间传递参数。 该页面具有以下结构：

<div id="semanticParent">
    <div id="ui-component1">
        <div id="ui-component2">
            <div id="semanticChild">
            </div>
        </div>
    </div>
</div>

每个divs都是一个独立的组件，具有独立的范围，ui-components是第三方库，只处理外观，不应受应用程序逻辑的影响。

我能想到解决这个问题的一种方法是创建一个注入semanticParent和semanticChild的服务，并且所有变量都通过该服务传递，但这似乎不太好。

这样做的角度方式是什么？

Answer 1

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

1）如果父项是数据的所有者（它创建/编辑数据）并且子项只读取它，则应将子组件嵌套在父项中并通过属性传递数据。

2）如果父母和孩子都可以编辑和阅读数据，最好让他们通过服务与数据交互，这样可以保证数据的一致性。

我不知道我的回答是否符合你的要求，但我希望它会澄清。