问题标签 [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 投票
1 回答
194 浏览

onsen-ui - 结合 Aurelia 和 OnsenUI

在过去的几年里,我从 knockoutjs 到 durandaljs,然后是 angular 1.x。现在我正在考虑学习 angular 2 和 Aurelia。我现在并没有真正被 Angular2 吸引,所以我正在学习 Aurelia。现在,您可以使用与 Ionic 或 Onsen UI 结合的 Angular2 开发移动应用程序的相同方式。我想知道是否可以对 Aurelia 和 Onsen UI 做同样的事情。如果我能找到示例或教程,将会很有帮助。谢谢你。

0 投票
1 回答
110 浏览

cordova - Cordova onsen app.Google 地图在桌面上工作,但在 android nd ios 应用程序中不工作

我是 onsen2 和 angular2 的新手。现在,我正在开发混合应用程序。我试图实现 angular2 谷歌地图,它在桌面上运行良好,但在 android 和 ios 中运行时出现错误(谷歌未定义)。我使用的代码如下所示。欢迎提供解决方案。

app.component.html

app.component.ts

0 投票
2 回答
250 浏览

android - 在温泉 UI 中打开手机 GPS 启用设置页面

我们正在 onsen ui 上构建混合应用程序并使用位置服务。就像在 iOS 原生应用程序中一样,如果位置服务被禁用,温泉应用程序应该显示将重定向到设置->隐私页面的弹出窗口。这样用户就可以启用位置服务。

我能够检测到 GPS 是否启用,但我无法重定向到 GPS 启用页面。请有人帮我重定向 Android 和 IOS 中的设置页面。

代码如下

如果权限被拒绝,我想打开移动设置页面,以便用户可以启用 GPS

0 投票
0 回答
40 浏览

android - OnsenUI 2 carousel 自动滚动到页面滚动事件上的第一个项目

我正在使用 Angular 2 开发一个网站,并在其中使用了 Onsen UI 轮播(水平方向)。通过使用 item-width 属性将其设置为具有多个项目。

这在桌面浏览器上按预期工作。

然而,在移动设备(Android / iPhone)上,我们注意到如果我们向下滚动页面并向上移动,那么轮播列表会自动向左滚动到第一项。

我试图搜索 OnsenUI 的文档,但无法找到解决方案。请推荐。

0 投票
1 回答
150 浏览

javascript - 如何更改 ons-splitter-side 的行为以将 ons-splitter-content 推到一边,而不是当前的“继续”显示?

如何更改 ons-splitter-side 的行为以将 ons-splitter-content 推到一边,而不是当前的“继续”显示?

要查看我现在拥有的工作示例,请单击此处查看示例

0 投票
1 回答
738 浏览

jquery - OnsenUI - 使用 jQuery/JS 选择元素(模板问题?)

我是 OnsenUI 的新手,到目前为止,我真的很喜欢它的外观和感觉。我将它与普通的 JS 和一点 jQuery 一起使用。

我的问题是:当我使用 ons-template 时,我无法使用 JS 或 jQuery 选择任何东西(ID、Class 等)。

当我删除它时,我没有任何问题,buuuut 我使用 ons-splitter 作为我的导航方法。(注意:我也尝试过标签等)

有什么我做错了吗?

谢谢你的帮助!

0 投票
1 回答
336 浏览

cordova - Onsen 2 - Monaca CLI - Cordova 插件 BarcodeScanner

我正在使用 Onsen 2 和 Monaca 创建带有 scandit 扫描仪的条形码扫描仪应用程序。我将扫描库集成为插件 cordova plugin add 。在 Android 和 iPad 上一切正常,但对于 iOS 10+,它表现出奇怪的行为。只有在我按下手机的主页按钮并很快将应用程序恢复到前台后,相机才会打开,扫描仪工作正常。

我发现这里已经问过一个类似的问题,但这里还没有答案。 Onsen 2 - Monaca CLI - Cordova 插件奇怪的行为

请在标记重复之前重新考虑我的问题,因为问题仍然存在。

下面是我的代码

任何帮助表示感谢谢谢

0 投票
1 回答
1007 浏览

javascript - 在温泉 UI 2 中通过 javascript 动态添加新的轮播项目

尝试在Onsen UI 2中通过 javascript 动态添加新的轮播项目,但它现在正在工作。我正在使用的代码如下

我用来添加新轮播项目的代码如下:

请指导我在哪里做错了。任何代码示例或网络链接将不胜感激。

0 投票
1 回答
227 浏览

node.js - 集成 angular2-onsenui 时出现 ZoneAwareError

做过

其次是 systemjs.config.js 中的更改以映射到 angular2-onsenui.umd.js 这是我的完整 systemjs.config.js

试过这个,没有帮助。

在 package.json 中安装的版本是:

浏览器中的错误消息(chrome)

“(SystemJS)模块尚未加载加载“@angular/core”为 http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js。错误:模块尚未加载加载“@angular/核心”为 http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js。在 Object.c ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2 -onsenui.umd.js:148:19 ) [] 在webpack_require ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:31:30 ) [] 在对象.eval ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:72:11 ) [] 在webpack_require( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:31:30 ) [] 在 c ( http://localhost:3000/node_modules/angular2-onsenui/ dist/bundles/angular2-onsenui.umd.js:51:18 ) [] 在 eval ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:54:10 ) [] 在 Object.eval ( http://localhost:3000/app/app.module.js:11:26 ) [] 在 eval ( http://localhost:3000/app/app.module.js:24 :4 ) [] 评估http://localhost:3000/app/app.module.js 评估 http://localhost:3000/main.js 加载 http://localhost:3000/main.js 时出错

0 投票
0 回答
642 浏览

javascript - 未捕获的类型错误:DRE 的非法构造函数

索引.html

system.config.js

onsenui.js:1 Uncaught TypeError: Illegal constructor at DRE (document-register-element.max.js:1368) at document-register-element.max.js:1363 at document-register-element.max.js:1366 at文档注册元素.max.js:1385

这是它打破 https://github.com/OnsenUI/OnsenUI/blob/7709973bdba5c464de09e5f83c6f83d9253d14b7/core/vendor/document-register-element.max.js#L1407的地方