问题标签 [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 回答
3524 浏览

onsen-ui - 在 Onsen UI 2 中使用 datepicker 插件

在我的应用程序中,我想使用本机日期选择器并尝试使用插件,但未能使其工作。我最近才开始使用 Onsen UI 2 并且没有使用插件的经验,所以我可能会遗漏一些东西。

我按照插件的安装和使用步骤进行操作。到目前为止我的代码。

索引.html:

其中'ctrl'是我的控制器。

index.js

不幸的是,单击列表项会显示此错误:

正如我所说,我没有使用 Onsen UI 2 中的插件的经验,到目前为止我使用的是 Cordova 框架(javascript 和 jquery)。谁能告诉我,我该怎么做才能使插件工作?提前致谢。

0 投票
0 回答
64 浏览

meteor - OnsenUI + React - Chrome 中的意外输出

这是我第一次将 OnsenUI 与 React 一起使用。我真的试图复制 monaca helloworld 示例组件部分,例如页面和工具栏,我希望在 Chrome 上看到类似 iOS 屏幕的输出,但我得到了这个。

在此处输入图像描述

我正在使用 Mantra,任何帮助将不胜感激。谢谢

0 投票
2 回答
1311 浏览

onsen-ui - onsenUI 中的拆分器和导航器出现问题

我的应用程序中有一个导航器和全局拆分器。我的导航器将我的第一页作为 tempHome 推送,我需要为拆分器设置页面属性也 tempHome 以使用拆分器。

所以我的应用程序的第一页中有两次 tempHome 。

有什么帮助吗?

谢谢

0 投票
3 回答
2278 浏览

javascript - 从一个页面移动到另一个页面会产生错误(重复?)

我正在尝试使用pushPage()OnsenUI 2(截至目前为 rc15)的功能。除了 OnsenUI,我还在使用 jQuery 3。

这是我的功能,单击某些元素后应推送页面:

当我第一次推送页面时,它工作正常。我使用 iOS 后退按钮返回。然后我再次点击它,我得到了这个错误(随着我重复这个过程越来越多):

[index.js:450] 未捕获(承诺)pushPage 已经在运行。

这是另一个应该加载拆分器页面的函数:

当我通过 Splitter 在两个页面之间切换时,它开始抛出这个(每次我在页面之间切换时都会抛出更多)

[undefined:1] Uncaught (in promise) 分离器侧被锁定。


我假设正在发生的是我加载一个页面,离开它,当我再次访问它时,它再次加载该页面。然而,这似乎不是 OnsenUI 示例中显示的行为,例如

有一个popPage()功能应该删除以前加载的页面并防止这种情况发生。但是参考文献没有使用它,所以我认为我做错了什么。但我不知道是什么。


更新

我设法在 CodePen 中重现了这两个问题。是拆分器错误,pushPage()一个。似乎pushPage()是我的功能有问题,因为pushPage()每次单击它时它都会添加一个请求,但不知道为什么。

这两个错误似乎只发生在 Ripple 模拟器中(通过 VS2015)。我似乎无法在 Android Emulator 中重现它们(但$(".tile_handler").on("click", ".imalink", function () {无论如何代码都会多次触发错误)。我正在进一步测试这个。

0 投票
0 回答
143 浏览

javascript - 从 DOM 中删除 Onsen UI 组件的正确方法是什么?

我是 Onsen UI 的新手,目前使用的是 2.0.0-rc.15 版本。使用 vanilla JavaScript(或 jQuery)从 DOM中删除 Onsen UI 组件(例如<ons-progress-bar>, )的正确方法是什么?<ons-button>我们是否像删除 HTML 元素一样删除它?

0 投票
1 回答
104 浏览

reactjs - 如何将一个列表添加到 onsen-ui 中的另一个列表?

我正在使用 onsen-ui 的反应版本。有没有将列表添加到另一个列表的好方法?我正在寻找类似 jQueryMobile 的可折叠/手风琴列表的东西。

0 投票
0 回答
148 浏览

javascript - 错误:在 React、OnsenUI 和 Meteor 中找不到模块“模块路径”

我尝试在 Meteor.js 中使用 OnsenUI2 React 版本并创建一个简单的演示应用程序。我的完整项目源代码在这里:https ://github.com/MeteorDemoApps/OnsenUI2React-demo

我不知道为什么,但是当我添加import demoIconIndex from './demo/Icon/Index.jsx';到我的TOC组件时,我的应用程序完全返回Error: Cannot find module './demo/Icon/Index.jsx'并中断,但该文件存在于同一路径中。

我也会仔细检查任何东西。问题是什么?

0 投票
1 回答
431 浏览

angular - 如何让 ons-icon 动态加载图标?

一段时间以来,我一直在使用 ons-icon 和 angular2 时遇到问题。

虽然 {{theIcon}} 确实显示了正确的图标文本(md-cutlery),但 ons-icon 从不显示图标。如果我将文本复制到控件中并将其更改为 icon="md-cutlery",则显示正常。

我错过了什么?

0 投票
1 回答
289 浏览

onsen-ui - Onsen-ui Carrousel var 属性不适用于 Tabbar

我最近一直在处理 onsen-ui,当我尝试var="carousel"在 Tabbar 和 Navigator 组件中引用 Carrousel var () 时遇到了问题。

在我尝试使用 Tabs 之前,该代码一直有效。我收到以下错误:

未捕获(承诺中)类型错误:无法读取未定义的属性

我已经厌倦了“pageinit”解决方案,但它似乎不起作用。

这里在 HTML 下。

和 app.js

你知道问题出在哪里吗?

非常感谢您的时间。

0 投票
0 回答
365 浏览

angular - Angular 2 TS 中的 Onsen UI 2 放置导入温泉包的位置。

我正在关注角度 2 的 Onsen UI 2 指南:https ://onsen.io/v2/docs/guide/angular2/index.html#loading-onsen-ui-in-angular-2 。但我不知道我应该把这段代码放在哪里:

我试过把它放在我的 app.component.ts 和 app.module.ts 中。但是我的浏览器控制台向我抛出了一个错误: