angular - 如何在多个页面上重复相同的 FAB 按钮
问题描述
我正在构建一个离子应用程序,并希望在我的大多数页面的右下角显示一个圆形的“+”按钮。单击此按钮应将用户带到一个新页面。
但我不确定如何在许多页面上显示 fab 按钮而不一次又一次地复制代码....
请帮我
解决方案
创建一个共享组件,您可以将其放置在 app.component.html 中,绝对位置为底部。当我们点击 Fab 按钮时,您需要使用 Behavior Subject 向父组件发出一个可观察的事件,并在您的父组件中处理它。
推荐阅读
- html - 在 PHP 和 MySQL 中使用 Bootstrap 的动态选项卡
- javascript - StencilJs/Jsx:在嵌套组件中渲染 HTMLElements
- javascript - map.fitBounds 动态调整地图视图以在 MapBox 中显示可见功能
- amazon-web-services - 使用 AWS SSM Parameter Store Secrets Backend 将 Airflow docker 连接到 RDS
- javascript - 创建自定义元素似乎不适用于 YouTube,但适用于 Vimeo 网站
- apache-kafka - Kafka 连接 JDBC 接收器连接器 - 没有主键的表
- javascript - javascript es6 迭代器惰性求值如何在内存中工作?
- java - 爪哇 | 子类的调用方法
- javascript - 回发后如何维护文本框的内容
- powerbi - 自定义矩阵标题