使用幻灯片菜单和标签进行离子演示?

时间:2014-07-23 17:32:17

标签: angularjs mobile ionic-framework

我刚开始使用Ionic和AngularJS。我在创建一个既有幻灯片菜单又有底部导航标签的移动应用程序时遇到了麻烦。是否有演示/模板/ codepen来做这样的事情?

我的代码在这里(所有客户端):http://www.danhendricks.com/apps/soonhired/www/

当我点击左上角的菜单图标并出现菜单时,点击链接会让我无处可去 - 它只是关闭菜单。

*我试图把它放在codepen或类似的东西,但由于我的文件在文件夹中,我无法弄清楚如何。

1 个答案:

答案 0 :(得分:1)

丹尼尔,我正在寻找这个问题的解决方案,我找到了你的帖子。这对其他人可能有帮助。

http://codepen.io/calendee/pen/oaDhH

<ion-side-menu side="left">
    <ion-content>
        <ul class="list">
            <a href="#/main/tab/home" class="item" ng-click="mainCtrl.showFeature = false">Home</a>
            <a href="#/main/tab/about" class="item"ng-click="mainCtrl.showFeature = false">About</a>
            <a href="#/main/tab/contact" class="item"ng-click="mainCtrl.showFeature = fakse">Contact</a>
            <a href="#/main/tab/feature" class="item" ng-click="mainCtrl.showFeature = true">Feature</a>
        </ul>
    </ion-content>
</ion-side-menu>