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

Question

当我在小屏幕上时，我想为我的网站创建一个固定的底部导航。

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

标签： angularangular-material

Answer 1

可以使用MatToolbarModuleAngular Material 提供的在视口上固定底部导航，因为工具栏是为页面标题和应用导航而构建的；另一方面，MatMenuModule提供的目的是提供类似于下拉菜单的选项，而不是用于应用级导航。

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