cocoa-touch - 导航类似于 AngularJS webapp 中的 UINavigationController

Question

我希望我的 webapp 的行为与使用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>