首页 > 解决方案 > 如何在多个页面上重复相同的 FAB 按钮

问题描述

我正在构建一个离子应用程序,并希望在我的大多数页面的右下角显示一个圆形的“+”按钮。单击此按钮应将用户带到一个新页面。

但我不确定如何在许多页面上显示 fab 按钮而不一次又一次地复制代码....

请帮我

标签: angularionic-frameworkionic2ionic3

解决方案


创建一个共享组件,您可以将其放置在 app.component.html 中,绝对位置为底部。当我们点击 Fab 按钮时,您需要使用 Behavior Subject 向父组件发出一个可观察的事件,并在您的父组件中处理它。


推荐阅读