角度自定义组件

Question

我正在申请Angular 4。

如何始终在后台运行组件，并且该组件不应该是可见的，直到我们将一些值传递给该组件/指令。当我们将一些值传递给在后台运行的组件/指令时，它应该在顶部当前组件（当前视图页面）上打开，例如警告消息。 它不应该干扰当前的执行流程。

Answer 1

我看到你的问题有很多要点：）

1. 不可见，直到我们将一些值传递给该组件/指令

您可以使用*ngIf。您可以根据由其父组件控制的某些条件值来设置标志。

<my-component *ngIf="display"></my-component>

使用CSS，您可以保持其宽度/高度以覆盖整个HTML。

1. 它应该在最新的当前组件（当前视图页面）上打开一些像警报消息

设置CSS：z-index: 999（任何超过1的值）

1. 不应干扰当前的执行流程

根据我的理解，如果你想让它显示在视图的顶部，但又想继续显示它背后的主视图，你可以制作它的opacity: .5（CSS）并实现这个目的