如何使用Angular2在当前页面上方弹出另一页?

时间:2018-01-03 08:46:07

标签: angular components

我在左页列出了两个菜单项,第一个页面名为" Dashboard"并且第二页命名为"资源请求",您可以通过单击项目来切换页面。每个页面都是一个独立的组件。

我想更改操作,在第一页上添加一个按钮,当我单击此按钮时,第二页将弹出并浮动在当前页面上方(此设计左侧页面上仅列出一个项目)。有没有解决方案来实现这一目标?提前谢谢!

1 个答案:

答案 0 :(得分:0)

您正在寻找的是一种模态。各种CSS框架(如Materialize cssBootstrap)已经开箱即用。

我认为你真的不需要改变你的Angular代码,而是你的第二个组件的CSS表现为模态而不是新页面。

如果您想自己构建而不是使用框架,那么this example可以帮助您入门