onsen-ui2

Uncaught TypeError: Illegal constructor at DRE

◇◆丶佛笑我妖孽 提交于 2020-01-15 11:36:11
问题 index.html <!DOCTYPE html> <html> <head> <title>Angular QuickStart</title> <base href="/"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="https://unpkg.com/onsenui@2.0.0/css/onsenui.css"> <link rel="stylesheet" href="https://unpkg.com/onsenui@2.0.0/css/onsen-css-components.css"> <script src="https://unpkg.com/onsenui@2.0.0/js/onsenui.js"></script> <!-- Polyfill(s) for older

Onsen 2 - Monaca CLI - Cordova plugins weird behavior

允我心安 提交于 2020-01-06 15:50:16
问题 I recently started using Onsen-UI 2 and with it Monaca CLI tools. It's a pretty awesome tool, very helpful. There is one or two niggles I've picked up though, although I think I can solve most of them by looking at migration guides. The biggest issue that I can't seem to figure out is the plugins. I create my app (Plain JS Onsen 2.0 app) with the Monaca CLI, and then proceed to use normal cordova commands to add my platforms and plugins. Don't ask me why, I just like it that way. When

OnsenUI - Select element with jQuery/JS (ons-template issue?)

混江龙づ霸主 提交于 2019-12-12 02:13:07
问题 I’m brand new to OnsenUI and so far I’m really enjoying the look and feel of it all. I’m using it with plain JS and a little jQuery. My issue is: I cannot select anything (ID, Class etc.) using JS or jQuery while I’m using ons-template. When I remove this I don’t have any issues, buuuut I’m using ons-splitter as my navigation method. (note: I've also tried tabs etc) Is there something I’m doing wrong? <ons-splitter> <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>

How to get ons-icon to load the icon dynamically?

青春壹個敷衍的年華 提交于 2019-12-11 07:37:18
问题 I've been having an issue with using the ons-icon and angular2 for a while. <span *ngFor="let theIcon of item.getItem().style.get('icon')"> <ons-icon [icon]="theIcon"></ons-icon> {{theIcon}} </span> While {{theIcon}} does display the proper icon text (md-cutlery), ons-icon never shows the icon. If I copy the text into the control and change it to icon="md-cutlery", it displays fine. What am I missing? 回答1: In Angular2 you have different directives to create bindings, you have directives for

Gap between ons-toolbar and statusbar iOS

穿精又带淫゛_ 提交于 2019-12-11 05:48:06
问题 I am using the onsenUI framework in combination with Cordova in order to create a hybrid application. For some reason I observe a gap between the toolbar (text) and the iOS statusbar (iPhone 6s, iOS 11) which is larger then should, see the link for an example. example of toolbar To troubleshoot this issue and to be sure the issue in not caused by my own code I took the code of the very simple example of the toolbar reference at https://onsen.io/v2/api/js/ons-toolbar.html to see what happened