问题标签 [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.
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 文件:
并且测试文件如下:
javascript - 如何在cordova中正确安装和使用Onsen2.0
我想用 Onsen2.0 框架制作我的 Cordova 应用程序,因为它在 android 和 ios 上看起来很酷。开发科尔多瓦应用程序时如何使用它。我一直使用 materialize.css,您只需下载一个 .css 和一个 .js 文件并将其导入您的项目。为什么知道这么不一样,现在又要怎么做呢?我也读过一些关于 Monaca CLI 的内容,为什么我也要这样做?只想拥有来自Onsen2.0的酷炫设计框架。
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 的情况下正确安装它?
javascript - Onsen UI 2.0 如何更改材质颜色?
如何更改对象的颜色,例如,它总是“蓝绿色”。IOS 颜色/设计很好,但对于 android 我想要不同的颜色。
注:温泉UI 2.0
reactjs - 温泉反应导航器推送页面覆盖最后一页
在一个项目中,我的意图是只使用一个 Navigator 元素来处理所有页面导航。
appState
整个代码都有一个单例,并且navigator
是其中的一员,它由最外层的App
组件初始化。
导航器由以下人员启动:
和
和
正确使用initialRoute
. 当我调用pushPage(newRoute)
时,在添加时检查时显然添加了 newRoute。也就是说,我在 push 后得到以下内容newRoute
:
然而,随后调用pushPage(someOtherRoute)
收益率
我希望
我已经验证同步等没有问题,当我将路由对象推送到备用列表时,我得到了一切而没有任何损失。但只是pushPage
没有像我预期的那样工作。
有什么想法,还是遗漏了一些明显的东西?片段是 TS。
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 已在运行。
javascript - Onsen Ui 2 等待加载元素
我正在使用Onsen Ui 2。在我的页面中,我创建了一个包含一些 div 的 ons 页面。之后是我的javascript,它通过获取它来更改其中一些divdocument.getElementById("mydiv").innerHTML = "Hi";
比我得到元素未定义的错误,尽管它应该已经加载并在那里。当我alert();
在前面粘贴 a 时,document.get...
它首先会显示警报,然后当用户单击它离开时,程序继续执行代码:比元素已加载并且代码有效。如何等到它加载?
javascript - 如何区分 JavaScript 中的点击事件和滑动事件?
我正在使用带有 ReactJS 的 OnsenUI 2 来开发带有 Cordova 的跨平台应用程序。它应该可以在移动设备上运行,但如果它也可以在普通浏览器上运行就更好了。我有一个带有全屏图像的轮播元素,当用户点击图像时,我想打开一个新页面。问题是,每次滑动到新图像都会触发图像click
上的事件。如何区分点击幻灯片和滑动到新幻灯片之间的区别?
代码笔: https ://codepen.io/anon/pen/amJooZ
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 工具安装插件:
任何帮助或建议将不胜感激!
javascript - Onsen UI 2 演示:属性不存在
https://github.com/OnsenUI/angular2-onsenui-kitchensink上的“hello world”示例对我不起作用。在npm start之后,我收到以下错误:
我已经将 pushComponent 替换为pushPage但它没有帮助。有人有 Onsen UI 2 和 AngularJS2 的工作演示项目吗?
我的tabbar.ts:
我的动画.ts:
先感谢您!