AngularJS中的导航类似于UINavigationController webapp

我希望我的web应用程序的行为与使用UINavigationController的其他iPhone应用程序相同。AngularJS中的导航类似于UINavigationController webapp

我希望从两个视图开始：根视图和导航栏。

当应该显示一个新视图时，它将被放在当前视图之上，仅隐藏前一个视图。

导航栏应显示当前视图的标题以及后退按钮（除非是根视图）。

什么这与AngularJs办？ – asgoth

@asgoth我正在使用它来构建我的应用程序，并且我想为此使用它。 –

但是，你的意思是你想要在你的angularjs webapp和你的本地UINavigationController组件之间进行交互吗？你没有真正说出你的问题是什么。 – asgoth

我建议你看看ng-view。它允许您轻松切换视图。也看看$location服务。它支持浏览器的前进/后退按钮。

如果您想要更多控制，或者您不希望在切换视图时更改浏览器的地址栏，则可以使用ng-show和/或ng-hide手动挂钩以显示/隐藏DOM的各个部分。使用模型/ $范围属性来跟踪当前视图和以前的视图。这里有一个fiddle显示如何开始。例如，在导航栏上看起来是这样的：

<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>

2013-01-11 16:03:36

不错，我会捣鼓这个！谢谢。 –

回答