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

Question

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

• ，因为它已经被删除，并与各过渡

• 我在复制颇有几分标记为标题栏重新呈现标题栏导航过程中闪烁并包括在所有视图中共享的常见按钮的重复（如汉堡按钮等）。

方便的是能够直接向标题栏按钮点击在内容视图控制器响应，但感觉懒惰和违反DRY。看起来头像栏应该是一个全局UI元素，它提供了一个内容视图界面来定制动作按钮。我找不到任何好的博客或例子。

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

Answer 1

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