我在我的应用程序的每一页上都有一个滑动菜单。不过,奇怪的是,除了根主页之外的所有页面上,滑动菜单都会并排打开两次。我好像不明白为什么会这样。我已经将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
属性而不是“可切换”:)