问题标签 [onsen-ui2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
26 浏览

onsen-ui2 - onsen ui2 - 使用 angularjs 的主详细信息页面

如何使用 angularjs 创建主详细信息页面。我创建了一个从 json 文件调用数据的工厂,然后创建了一个列表控制器来列出列表项的标题,但是当我到达视图控制器时,我得到了一个错误。代码示例如下

0 投票
2 回答
1297 浏览

angular - ons.bootstrap 不是函数

在最新的 onsenui/angular 版本上,我在引导程序上出现错误

用旧版本(例如波纹管)替换 js,一切正常。

0 投票
2 回答
101 浏览

jquery - Monaca:我用 onsenui 在 monaca 中安装 jquery 后在哪里

在 Monaca,我使用 File | 安装了 JQuery。管理 JS/CSS 组件... 添加了 JQuery (Monaca 版本) 2.03 按保存,在我的项目中看不到 JQuery 文件。

他们在哪里?

0 投票
2 回答
90 浏览

android - 无法让 ng-device-back-button 指令适用于 OnsenUI v2

我试图通过意外单击 Android 设备上的设备后退按钮来阻止用户放弃游戏。我正在使用 Cordova 6.3.1 和 Onsen UI v2 框架。

通过使用 Onsen 页面的 ng-device-back-button 属性,我能够完全禁用后退按钮,但我更愿意询问用户是否想确认离开。此时,如果我可以向控制台写入用户已单击设备后退按钮的信息,我会很高兴,但除了 ng-device-back-button 属性阻止默认设置之外,似乎没有发生任何事情。

使用上面的代码,我可以防止 Onsen 发生标准的 popPage() 反应,但没有任何内容被写入控制台。

关于我做错了什么有什么想法吗?提前致谢。

0 投票
1 回答
88 浏览

css - onsen-ui css中定义的按钮栏边框颜色在哪里?

onsen-ui 版本 2 css 中定义的边框颜色在哪里?

我说的是文档中“Segment”部分下定义的小部件。

0 投票
1 回答
252 浏览

javascript - 使用 Onsen UI ons.platform isAndroidTablet()

我正在开发简单的混合应用程序,我正在使用纯 JavaScript 的 Onsen UI,到目前为止一切都运行良好。我唯一的问题是确定移动设备是平板电脑还是手机。我找到ons.platform了参考和isAndroidTablet()方法,但我不知道如何使用它。我在横向和/或 android 中使用<ons-if orientation="landscape">and修改了一些 DOM 元素,效果很好,但如果我可以使用这个选项,那就太好了。我一直在到处寻找,但除了 Onsen UI 页面上已有的文档外,我找不到任何文档。这是我到目前为止所拥有的:<ons-if platform="android">isAndroidTablet()

我想用我猜应该做的<ons-if orientation="landscape">事情来替换。isAndroidTablet()有没有人有这方面的经验?谢谢!

0 投票
2 回答
54 浏览

css - 在 OnsenUI 中将其他两个按钮居中

如何在工具栏中的其他两个按钮之间居中一个按钮?

这是我的代码和生成的屏幕截图

在此处输入图像描述

我正在使用 OnsenUI(并将与它一起使用 VUE)所以我可以从引导程序或 OnsenUI 包含的任何其他框架中简单地添加一个类吗?

或者我可以使用一些自定义 CSS 来做到这一点吗?

此问题类似,但使用 OnsenUI 和 Monaca(对 ios 和 android 都很好)

0 投票
1 回答
726 浏览

jquery - 如何使用 onsenui 段作为标签栏来设置内容

我需要页面中间的标签

我想实现这样的目标:http: //i.stack.imgur.com/GrNpS.png取自 33566805 - 一个关于带有 android UI 的标签栏的类似问题)

ons-tabbar是应用程序的或topbottom单击时会更改整个page. 所以我将在页面中间使用ons-segment一个标签栏。它的行为就像一个单选按钮,选中的和其他的没有,这很好。但是如何设置外观以及如何设置内容?

示例代码:

我的 CSS:

和 JS

我尝试将其放入代码笔中,但 class="segment" 未正确显示。在 Monaca 云中,它显示 OK。看这张图片:

段标签栏

这个问题实际上有几个部分:

  • 我应该使用什么 ui 元素,一个ons-segment还是其他?
  • 如何设置外观以将圆形按钮外观替换为方形标签外观?
  • 如何设置要更改的内容。我用ons-template还是card别的什么?我是否必须编写自己的函数来设置哪些内容可见?

我更喜欢 VUE 的答案,但任何其他框架甚至普通的 JS 和 CSS 都可以。Onsen ui 2 中是否有任何东西可以用于这种用途?

布局中间

0 投票
1 回答
61 浏览

onsen-ui - 带参数的 Onsen 2 ui 导航

我知道如何获取 Onsen 1 中的参数,例如

但是我找不到任何有用的文档或资源来获取 Onsen 2 中的 ons-navigator 数据。请帮帮我。

0 投票
1 回答
416 浏览

javascript - 有没有办法在温泉中创建一个可滚动的对话框

有没有办法在温泉中创建一个可滚动的对话框?

有问题的代码: https ://codepen.io/anon/pen/pWaQwB