AngularJS在屏幕上显示两个视图/模板

时间:2014-05-28 01:30:37

标签: javascript angularjs mobile angularjs-directive touch

我正在开发一个角度动力移动应用程序,我需要实现的是一个视图,它显示了两个独立视图的一半。然后,用户可以通过向上/向下滑动切换到其中任何一个。任何提示如何从这件事开始?我附上的图片显示了我的意思:

enter image description here

欢迎任何提示,因为我对角度本身没有太多经验。

2 个答案:

答案 0 :(得分:2)

使用ui-router。

<div showHalfViews>
    <div ui-view="topView"></div>
    <div ui-view="bottomView"></div>
</div>

然后创建showHalfViews指令,该指令将找到其两个子元素并添加所需的功能。

答案 1 :(得分:1)

看看ui-router(https://github.com/angular-ui/ui-router)。它支持我认为在同一页面中的多个和命名视图。