重叠角度组件

时间:2017-04-04 20:33:19

标签: angular

我创建了一个包含两个不同组件的应用程序:

  • 主要组件(父级,即一般视图)和
  • 嵌套组件(孩子,即注册表单)。

从一开始,子组件(作为标记)存在于父模板中,但带有display:none。单击按钮,display值将更改为inline并显示子组件,并覆盖父组件的一部分,而不是更改其不透明度值。这很好。

这是管理这两个组件的正确方法,以便产生这种效果吗?有没有办法创建和删除嵌套组件,而不是从一开始就用display:none将其放在父模板中?我有这些问题,因为我必须添加其他组件来链接到其他按钮;这样我会在主视图中有几个嵌套组件,但我不知道这是否是一个很好的方法。

1 个答案:

答案 0 :(得分:0)

设置应该显示在上方的组件的z-index值高于应该显示在下方的组件的z-index值 检查此链接:https://developer.mozilla.org/en-US/docs/Web/CSS/z-index