- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
好的,问题是我有一个带页面的滑动菜单。现在我的一个页面有一个 ons-list。通过单击 ons-list-item 我想导航到带有后退按钮的新页面。我到处搜索,但没有找到适合我的问题的解决方案。这是我的代码。
<ons-sliding-menu
menu-page="menu.html" main-page="home.html" side="left"
var="menu" type="reveal" max-slide-distance="260px" swipable="true">
</ons-sliding-menu>
<ons-template id="menu.html">
<ons-page modifier="menu-page">
<ons-toolbar modifier="transparent"></ons-toolbar>
<ons-list class="menu-list">
<ons-list-item class="menu-item" ng-click="menu.setMainPage('home.html', {closeMenu: true})">
<ons-icon icon="fa-plus"></ons-icon>
Home
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('browsehotels.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Browse Hotels
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('specialoffers.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Special Offers <div class="notification menu-notification">3</div>
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('hoteldetails.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Blog
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('hoteldetails.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Bookings
</ons-list-item>
<ons-list-item class="menu-item" ng-click="menu.setMainPage('hoteldetails.html', {closeMenu: true})">
<ons-icon icon="fa-bookmark"></ons-icon>
Contact Us
</ons-list-item>
</ons-list>
</ons-page>
</ons-template>
<ons-template id="home.html">
<ons-page ng-controller="homeController">
<ons-toolbar>
<div class="left">
<ons-toolbar-button ng-click="menu.toggle()">
<ons-icon icon="ion-navicon" size="28px" fixed-width="false"></ons-icon>
</ons-toolbar-button>
</div>
<div class="center">Some App with sliding menu</div>
<div class="right">
<ons-toolbar-button>
<ons-icon icon="refresh" size="30px" spin="{{isFetching}}" fixed-width="true"></ons-icon>
</ons-toolbar-button>
</div>
</ons-toolbar>
<ons-list>
<ons-list-item ng-click="Here I want to go to a whole new page">
Some list item
</ons-list-item>
</ons-list>
</ons-page>
</ons-template>
最佳答案
您可以使用 <ons-navigator>
作为你的 child <ons-sliding-menu>
:
<ons-template id="home.html">
<ons-navigator var="myNav">
<ons-page>
<ons-toolbar>
...
<ons-list-item ng-click="myNav.pushPage('newpage.html')">
...
在这里工作:http://codepen.io/frankdiox/pen/qEyvxB无论如何,这样做你应该照顾页面堆栈。如果您推送页面但使用菜单而不是后退按钮“返回”,则创建的页面将保留在堆栈中。
如果您有兴趣,请联系 Onsen UI's blog你有一个教程,其中许多元素以类似的方式组合在一起。希望对您有所帮助!
关于android - 使用带有导航器的滑动菜单的 Onsen-UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28878385/
这是 what I've got迄今为止。首先是脚本: ons.bootstrap(); .controller('AppController', function($scope) { $scop
我在 Cordova 项目中使用 Onsen UI,如何制作像 chevron、tappable 等自定义修饰符?在文档中,这与http://onsen.io/guide/overview.html#
我目前正在使用 onsen ui 构建我的第一个cordova应用程序。到目前为止看起来很有希望!但是我遇到了一个我无法解决的问题,我找不到答案。 我希望这是一个初学者的问题,并且可以由更有温泉经验的
我需要在 Onsen Ui 中启动外部网址/网站,而无需离开应用程序。我猜想我可以在需要的 ons-page 标签之间使用 iframe,但可能不太可靠。 这是我的第一个 Onsen Ui 项目。 吉
当我调用时,我在一个 Onsen UI 主页上加载了一个 js 对象 ons.navigator.pushPage('child_page.html') 如何在子页面上获取 js 对象? 最佳答案 请
认为这将在网站上的某个地方,因为所有 3 个示例图像都是这样的: 也许它是用phonegap完成的?那里不用担心。 我尝试将 ons-navigator 和各种项目设置为透明、背景颜色等。 任何人都知
我有两页: page1.html 有一个按钮打开 page2.html 与 pushPage('page2.html') .然后我想有一个可选择的参数(我正在使用单选按钮)返回到 page1.html
下面的代码 var i=0; i++; ons.notification.alert({message: i}); i++; ons.notification.alert({message: i});
我正在开发一个在 ons-list 中显示图像的应用程序(每个图像在一个 ons-list-item 中)每个图像都有不同的高度,所以我不能将项目的高度设置为固定的高度,也不能将 ons-list-i
没有 Angular 可以使用 Onsen 吗? Aurelia 数据可以绑定(bind)到 Onsen 吗? 最佳答案 是的,它可以在没有 Angular 的情况下使用。 您需要利用他们的 CSS,
关闭。这个问题需要debugging details .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 3年前关闭。 Improve this questio
当我向我的页面添加一个 ons-tabbar 时,它会与我的整个页面重叠,因此除了选项卡本身之外我无法单击任何内容。 我的页面如下所示(每个页面都有自己的 html 文件):
Onsen 中的默认设置是当按下设备返回按钮时应用程序关闭/存在。有没有办法在 Onsen 中控制它来模仿 ons-navigator 操作/页面历史记录? 谢谢! 最佳答案 在 PhoneGap/C
我已经通过 Monaca IDE 创建了一个新项目。该页面有ons.bootstrap(),onsenui版本是v1.3.8 - 2015-07-27。 我尝试添加 angular.module('
然后是循环中的一条语句 $('#myList').append("" + variableItem + ""); 可能还有类似这样的刷新 $('#myList').listview('refresh
我有一个这样的菜单:
而不是像基础示例中那样显示一个以上的项目 项目#1 项目#2 项目#3 我可以在每行两列或三列中排列什么项目,如下所示? 项目#1 项目#2 项目#3 项目#4 项目#5 项目#6 项目#7 项目#8
我是 OnsenUI 的新手。我正在尝试显示一个使用导航器的页面,并且我还想在同一页面上有一个侧边栏。根据文档,这是可能的,但我正在努力让它发挥作用。我目前有这个:
我在应用程序的每个页面上都放置了一个滑动菜单。奇怪的是,在根主页以外的所有页面上,滑动菜单并排打开两次。我似乎无法弄清楚为什么会这样。我已经将 swipable 从 true 设置为 false,这并
我在使用 Onsen UI 和 PhoneGap 处理表单提交时遇到问题。 当我有时和标签,表单不提交。由于我删除了这个 Onsen 原生标签,该表单突然就可以工作了。 HTML
我是一名优秀的程序员,十分优秀!