访问内部范围中的外部角度组件范围元素

Question

我创建了4个角度分量。我的代码结构如下。

<user-container>
    <normal-user>
             ...
    </normal-user>
    <admin-user>
             ...
         <super-user>
                ...
         </super-user>
    <admin-user>
<user-container>

对于上述每个标记，都会创建单独的组件。现在我想基于super-user组件范围的变量来操纵user-container组件的DOM元素。所以我的问题是如何将user-container组件中的变量范围访问到super-user组件？

Answer 1

因此，假设您的用户容器组件中包含变量

myVariable: boolean;

现在你的超级用户组件上有一个像这样的输入绑定

@Input() myUserVariable: boolean;

然后在您的模板上，您只需

<super-user [myUserVariable]=“myVariable”></super-user>

其中myVariable对应于您在外部容器组件user-container上定义的变量。

当然这是最简单的情况，你可以有更棘手的场景，但我相信这可以回答你的基本问题。您只需在子组件上设置一个可绑定的输入属性，然后将其设置为您希望从父组件中获取哪个变量（当然是公共变量）