javascript - onsen-ui滑动菜单打开两次

Question

我在应用程序的每个页面上都放置了一个滑动菜单。奇怪的是，在根主页以外的所有页面上，滑动菜单并排打开两次。我似乎无法弄清楚为什么会这样。我已经将 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>

Answer 1

试试swipeable属性而不是“可滑动”:)