我在我的应用程序的每一页上都有一个滑动菜单。不过,奇怪的是,除了根主页之外的所有页面上,滑动菜单都会并排打开两次。我好像不明白为什么会这样。我已经将swipable从true设置为false,这没有任何改变。也尝试了显示/推动类型,但也没有提供不同的结果。
知道为什么会这样吗?谢谢!

<ons-sliding-menu
    var="app.slidingMenu"
    menu-page="sliding_menu.html"
    side="right"
    main-page="about-us-aboutInfo.html"
    type="push"
    max-slide-distance="260px"
    swipeable="false">
</ons-sliding-menu>

<ons-template id="about-us-aboutInfo.html">
    <ons-page>

        <ons-toolbar>
            <div class="left">
                <ons-back-button>Back</ons-back-button>
            </div>
            <div class="center animated fadeIn">{{ title }}</div>
            <div class="right">
                <ons-toolbar-button ng-click="app.slidingMenu.toggle()">
                    <i class="ion-navicon" style="font-size:32px; vertical-align:-6px;"></i>
                </ons-toolbar-button>
            </div>
        </ons-toolbar>

        <div class="about-us-aboutInfo">
            <div ui-view class="container">
                <div class="content animated fadeIn">
                    <h1 class="text-heading">{{ title }}</h1>
                    <div class="animated fadeIn">
                        <div ui-view ng-repeat="section in Source.sections">
                            <h1 class="text-heading">{{ section.heading }}</h1>
                            <p ng-repeat="paragraph in section.paragraphs">
                                {{ paragraph }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </ons-page>
</ons-template>

最佳答案

尝试使用swipeable属性而不是“可切换”:)

08-19 17:42