使用Angular材质创建移动底部导航

Question

当我在小屏幕上时，我想为我的网站创建一个固定的bottom navigation。

我正在使用Angular Material。我的第一次尝试是使用带有图标的菜单栏，这是工作的正确组件还是有更合适的组件？

Answer 1

使用Angular Material提供的MatToolbarModule可以在视口上实现固定的底部导航，因为工具栏是为了页面标题和应用程序导航而构建的;另一方面，提供MatMenuModule是为了提供类似dropmenu的选项而不是app级导航。

由于Angular Material建立在Material Design的哲学基础之上，因此这些类型的设计决策的答案背后是制作每个组件/实体的目的和推理。