Question

所以我正在为我的单页应用程序做侧边菜单，我得到了侧边菜单，但我无法显示主要内容。我不确定出了什么问题。我无法在页面中显示hello world这个词。有人有想法吗？

这是我的代码

  <ion-tab title="Draft" ng-controller="textController">
            <ion-side-menus>
                <ion-side-menu-content>
                    <ion-header-bar class="bar-positive">
                        <button class="button button-icon" ng-click="toggleLeft()" menu-toggle="left">
                            <i class="icon ion-navicon"></i>
                        </button>

                        <h1 class="title"> Details</h1>
                    </ion-header-bar>
                </ion-side-menu-content>


                <ion-side-menu side="left">
                    <header class="bar bar-header bar-assertive">
                        <h1 class="title">Menu</h1>
                    </header>

                    <ion-list>
                        <ion-item>
                            Home
                        </ion-item>
                        <ion-item>
                            About
                        </ion-item>
                        <ion-item>
                            Setting
                        </ion-item>
                        <ion-item>
                            Log out
                        </ion-item>
                    </ion-list>
                </ion-side-menu>
            </ion-side-menus>

            <ion-content>

              Hello World

            </ion-content>
        </ion-tab>

这是我的控制器：

angular.module('app')

.controller('textController', function ($scope, $ionicSideMenuDelegate) {
    $scope.toggleLeft = function () {
        $ionicSideMenuDelegate.toggleLeft();
    }
});

Answer 1

按照官方的Ionic文档（http://ionicframework.com/docs/guide/starting.html），您的＆＃34; Hello World＆＃34;内容应位于<ion-side-menu-content>标记内，而不是简单的<ion-content>。请尝试一下，如果能解决您的问题，请告诉我。

离子侧菜单

1 个答案: