如何在移动视图上实现标题栏

Question

我正在使用Angular 1.4x，Angular Material，UI-Router和Cordova构建混合移动应用程序。我正在使用UI-Router嵌套视图来实现全局侧边栏导航视图，但我一直在为每个内容视图添加标题栏标记，因为标题和一些标题操作按钮是特定于内容视图的。这导致了一些问题：

• 标题栏在导航过程中闪烁，因为每次过渡都会删除标题栏并重新呈现

• 我一遍又一遍地重复标题栏的重复标记，包括在所有视图中共享的常用按钮的复制（如汉堡包按钮等）。

能够直接响应内容视图控制器中的标题栏按钮单击是很方便的，但它感觉很懒并且违反了DRY。看起来标题栏应该是一个全局UI元素，它为内容视图提供了一个界面来自定义操作按钮。我找不到任何好的博客或例子。

想知道其他开发者如何处理这个问题？

Answer 1

好吧，您可以在index.html上创建一个NavBar，在ui-view标签上方，当您更改视图时，您只需要更改de ui-view标签，或者您可以为每个视图创建一个NavBar无论如何，使用ng-cloack来防止这种问题。