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

reactjs - `ReferenceError: Element is not defined` 在 React+Onsenui 应用程序上运行 mocha 测试时

在尝试设置测试环境时,我遇到了以下问题。当我运行测试(使用mocha ./src/test/.setup.js ./src/test/**.test.js)时,我得到一个Element is not defined错误:

这怎么可能,Element不是一个基本的DOM元素吗?

使用以下版本:

  • 酶@2.4.1
  • 摩卡@3.0.2
  • onsenui@2.0.0-rc.17
  • 反应@15.3.1
  • 反应-onsenui@0.7.5

使用以下 .setup.js 文件:

并且测试文件如下:

0 投票
0 回答
29 浏览

javascript - 如何在cordova中正确安装和使用Onsen2.0

我想用 Onsen2.0 框架制作我的 Cordova 应用程序,因为它在 android 和 ios 上看起来很酷。开发科尔多瓦应用程序时如何使用它。我一直使用 materialize.css,您只需下载一个 .css 和一个 .js 文件并将其导入您的项目。为什么知道这么不一样,现在又要怎么做呢?我也读过一些关于 Monaca CLI 的内容,为什么我也要这样做?只想拥有来自Onsen2.0的酷炫设计框架。

0 投票
1 回答
158 浏览

javascript - 在没有 Angular 的情况下安装 Onsen UI 2

如何在没有 Angular 的情况下安装 Onsen UI 2?这里http://onsen.io.s3-website-us-east-1.amazonaws.com/v2/docs/guide/js/是不同的指南但是当我做 javscript 之一(> npm install onsenui)我总是得到ReferenceError: angular is not defined 如何在没有 Angular 的情况下正确安装它?

0 投票
1 回答
1003 浏览

javascript - Onsen UI 2.0 如何更改材质颜色?

如何更改对象的颜色,例如,它总是“蓝绿色”。IOS 颜色/设计很好,但对于 android 我想要不同的颜色。

注:温泉UI 2.0

0 投票
1 回答
389 浏览

reactjs - 温泉反应导航器推送页面覆盖最后一页

在一个项目中,我的意图是只使用一个 Navigator 元素来处理所有页面导航。

appState整个代码都有一个单例,并且navigator是其中的一员,它由最外层的App组件初始化。

导航器由以下人员启动:

正确使用initialRoute. 当我调用pushPage(newRoute)时,在添加时检查时显然添加了 newRoute。也就是说,我在 push 后得到以下内容newRoute

然而,随后调用pushPage(someOtherRoute)收益率

我希望

我已经验证同步等没有问题,当我将路由对象推送到备用列表时,我得到了一切而没有任何损失。但只是pushPage没有像我预期的那样工作。

有什么想法,还是遗漏了一些明显的东西?片段是 TS。

0 投票
1 回答
1581 浏览

javascript - Onsen UI 2.0 Splitter 和 pushPage 不能一起工作

我创建了一个主选项卡 (tab1.html),您可以在其中有一个菜单来更改选项或转到设置...现在我希望您可以单击主选项卡 (tab1.html) 上的一个按钮来访问另一个选项卡 ( tab4.html)。问题是它不能同时工作,所以菜单(拆分器)和推送功能;/如何解决?菜单的拆分器:

以及您应该进入第 4 页的导航器:

然后tab1.html:

而你应该来自 tab1.html 的 tab4.html:

最后是 javscript:

如果您在拆分器之前设置了“ons-navigator”-tag,则拆分器不起作用。如果你在它之后设置它,你会得到如下错误:myNavigator 为 null 或 pushPage 已在运行。

0 投票
1 回答
146 浏览

javascript - Onsen Ui 2 等待加载元素

我正在使用Onsen Ui 2。在我的页面中,我创建了一个包含一些 div 的 ons 页面。之后是我的javascript,它通过获取它来更改其中一些divdocument.getElementById("mydiv").innerHTML = "Hi";

比我得到元素未定义的错误,尽管它应该已经加载并在那里。当我alert();在前面粘贴 a 时,document.get...它首先会显示警报,然后当用户单击它离开时,程序继续执行代码:比元素已加载并且代码有效。如何等到它加载?

0 投票
1 回答
607 浏览

javascript - 如何区分 JavaScript 中的点击事件和滑动事件?

我正在使用带有 ReactJS 的 OnsenUI 2 来开发带有 Cordova 的跨平台应用程序。它应该可以在移动设备上运行,但如果它也可以在普通浏览器上运行就更好了。我有一个带有全屏图像的轮播元素,当用户点击图像时,我想打开一个新页面。问题是,每次滑动到新图像都会触发图像click上的事件。如何区分点击幻灯片和滑动到新幻灯片之间的区别?

代码笔: https ://codepen.io/anon/pen/amJooZ

0 投票
1 回答
373 浏览

cordova - Onsen 2 - Monaca CLI - Cordova 插件奇怪的行为

我最近开始使用 Onsen-UI 2 和 Monaca CLI 工具。这是一个非常棒的工具,非常有用。虽然我遇到了一两个小问题,但我认为我可以通过查看迁移指南来解决其中的大部分问题。

我似乎无法弄清楚的最大问题是插件。我使用 Monaca CLI 创建了我的应用程序(Plain JS Onsen 2.0 应用程序),然后继续使用普通的 cordova 命令来添加我的平台和插件。不要问我为什么,我就是喜欢这样。在为 iOS 构建时,我得到构建“成功”状态,并且我的应用程序在模拟器和我的设备上运行良好。问题是当我尝试使用插件提供的功能时。

我尝试实现 Card.io 插件(安装成功)并且我的应用程序启动得很好。我有一个在设备上触发的功能,准备检查插件是否正常工作,一个“canScan”功能,它显示一个带有结果的警报。但是,即使设备准备就绪,也没有任何反应。奇怪的行为是这样的:当我将应用程序置于后台,或打开多任务窗口(双击主页按钮)然后返回应用程序时,警报会显示我可以扫描的消息。收到此消息后,我应该可以点击一个按钮,然后应该会出现 Card.io 界面,但是当我点击该按钮时,什么也没有发生。只有当我像以前一样(进入多任务处理并返回应用程序)时才会出现 Card.io 界面,但会冻结应用程序。

我认为我的插件实现存在问题,即我的代码错误,但其他插件也会发生这种情况。

关于这里发生了什么的任何想法?

这是我的“onDeviceReady”功能:

这就是我安装插件的方式:

我还尝试通过 Monaca 工具安装插件:

任何帮助或建议将不胜感激!

0 投票
1 回答
133 浏览

javascript - Onsen UI 2 演示:属性不存在

https://github.com/OnsenUI/angular2-onsenui-kitchensink上的“hello world”示例对我不起作用。在npm start之后,我收到以下错误:

我已经将 pushComponent 替换pushPage它没有帮助。有人有 Onsen UI 2 和 AngularJS2 的工作演示项目吗?

我的tabbar.ts

我的动画.ts

先感谢您!