如何在移動視圖上實現標題欄

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來防止這種問題。