導航類似於AngularJS webapp中的UINavigationController

Question

我希望我的Web應用程序像使用UINavigationController的其他iPhone應用程序一樣運行。

我希望從兩個視圖開始：根視圖和導航欄。

當顯示一個新視圖時，它將被置於當前視圖的頂部，僅隱藏先前的視圖。

導航欄應顯示當前視圖的標題以及后退按鈕（除非是根視圖）。

Answer 1

我建議你看看ng-view 。 它使您可以輕松地在視圖之間切換。 另請參閱$ location服務。 它支持瀏覽器的前進/后退按鈕。

如果您希望獲得更多控制權，或者不想在切換視圖時更改瀏覽器的地址欄，則可以使用ng-show和/或ng-hide手動將其連接以顯示/隱藏DOM的各個部分。 使用model / $ scope屬性跟蹤當前視圖和以前的視圖。 這是顯示如何開始的小提琴 。 例如，導航欄可能看起來像這樣：

<button ng-hide="view == 'root'" ng-click="goBack()">< {{previousView}}</button>

並切換視圖：

<div ng-show="view == 'view1'">View 1
   <div><a ng-click="changeView('view1.1')">view 1.1</a>
   </div>
</div>