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

javascript - 带有溢出滚动的 Onsen 2.0 列表不起作用

我有一个 ons-list 但是当列表比页面长时,您可以滚动或做任何事情来查看其他项目。

如何制作一个列表,用户可以向下滚动以查看更多/其他列表项?

编辑:

我真正不起作用的代码是这样的,有很多元素可能因为我丢失的 javscript 而没有显示,但是列表的问题应该在这个 html 行中解决。

问题出在 Seite 2 中,我将带有 javascript 的 ons-list-items 添加到“seite2_suchenkontaktetabelle”,然后您无法向下滚动查看所有项目。有人发现我的错?

0 投票
1 回答
29 浏览

html - 已将 My Onsen Ui 2 App 文件夹复制到新电脑,素材字体已消失

我正在使用 Onsen Ui 2 和 Cordova 开发应用程序。现在我买了一台新电脑,并将由 cordova 创建的 App 文件夹(带有 Onsen UI 2)复制到我的新电脑上。在这里,我在计算机上打开了我的 index.html 文件,我的字体“正常”并不重要。这怎么可能,如何改回来?

PS:我还没有在新电脑上安装cordova

图片:不重要

0 投票
1 回答
304 浏览

angularjs - 如何使用 ons-lazy repeat 实现动态 ons-tab

温泉用户界面:v2.0.1

AngularJS:1.5.9

我正在构建一个需要动态选项卡(ons-tab)的 Android 和 IOS 应用程序,就像在本机应用程序中一样。每个选项卡中的内容最多可以有一百个项目。所以我想对 ons-tab 内容使用 ons-lazy-repeat 来最小化内存消耗。我如何使用 Onsen UI 实现这一点(动态选项卡和 ons-lazy-repeat )。我在网上搜索过,我找不到任何解决方案。

谢谢!

0 投票
2 回答
222 浏览

cordova - 带有 Onsen UI Angular 2 的 Monaca 调试模式中的错误消息

我在 Monaca 调试器中遇到模板解析错误。使用时monaca preview,它在浏览器中运行没有任何问题,但是当我使用时monaca debug,我看到“错误:模板解析错误:无法绑定到'ngif',因为它不是'span'的已知属性。” 在应用日志中。我仔细检查过,错误是由“*ngif”指令引起的。

我也检查过 - 所有 Angular 指令也会导致同样的问题。

我附上了 Applog 的截图。

1_1476975967061_Screenshot_2016-10-20-16-03-47.png

0_1476975967059_Screenshot_2016-10-20-15-19-11.png

我已经在这里交叉发布了这个

0 投票
1 回答
567 浏览

javascript - Onsen Tabbar 在一个选项卡中的状态更改后未正确更新

下面是一个带有三个选项卡的 Tabbar 的简单示例。在第二个中,我使用状态变量在渲染时在两个组件之间切换。如果我在三个选项卡之间浏览,一切看起来都不错。但是,一旦我在第二个选项卡中切换组件(首先单击浮动按钮,然后单击后退按钮),选项卡栏就无法正常工作。如果我这样做并返回到第 1 页,它看起来就像导航到第 1 页一样,但它仍然显示第 2 页的内容。如果我切换并转到第 3 页,它工作正常。另外,如果我在第 2 页中进行切换,请转到第 1 页,然后在页面之间来回单击一下,它会再次开始工作。

当我从一个页面转到具有更高索引的页面时,它似乎开始工作(这就是为什么它在直接进入第 3 页时工作)。

我做错了什么,或者这是 Onsen UI 中的错误?

这是示例代码(我使用 Meteor、React 和 Onsen UI):

0 投票
1 回答
854 浏览

javascript - Onsen UI ons-splitter-side 事件不起作用

我正在尝试使postopenpostclose事件正常工作,但我似乎没有任何运气。

我按照这里的说明进行操作:

https://onsen.io/v2/docs/angular1/ons-splitter-side.html#event-postclose

所以我的代码的要点是这样的:

但结果是没有任何东西被触发,就好像没有ons-postopen属性一样。

0 投票
1 回答
212 浏览

javascript - Onsen Ui 2 在 Chrome 中不起作用(带代码)

我正在使用 Onsen Ui,但它在 Chrome 中无法正常工作(在 Firefox 中一切都很完美)。当我在 Chrome 中打开我的项目时,会出现很多错误:

未捕获的 DOMException:无法构造“CustomElement”:结果不能有属性

未捕获的 DOMException:无法在“文档”上执行“createElement”:结果不能有属性

我刚刚检查了所有内容,我非常绝望。您可以下载我的整个代码和项目,请帮助。

我的项目:http ://www.mediafire.com/file/gschd7ku2upzsk9/Schul-Voting.rar

0 投票
1 回答
81 浏览

javascript - 如何隐藏自定义温泉对话框

我有一个带有两个按钮的自定义温泉对话框,这些按钮的 html 中有 onclick 代码。我使用模板创建此对话框,稍后当我尝试使用此类方法隐藏此对话框时

我得到一个错误"hide() is not a function"

我对此进行了调试,对话框变量似乎是一个模板,而不是一个对话框。

我该如何解决这个问题?

0 投票
1 回答
594 浏览

onsen-ui - 温泉UI切换自动切换

我正在尝试使用 Onsen UI 直接做一些事情——自动取消选中一些选中的开关。所以,我有许多开关,我想模仿单选按钮的行为(基本上切换一个会将所有其他开关设置为未选中)。

我正在使用角度,当我尝试从代码中执行此操作时出现此错误。

未捕获的类型错误:document.getElementsByTagName(...)[0].setChecked is not a function(...)

基本上我试过了

我所有的开关都是使用动态添加的:

不知道动态添加基本有没有问题?

我用预设开关尝试了相同的代码,它可以工作。

谢谢

0 投票
1 回答
188 浏览

javascript - Onsen UI - 'init' 事件未在 Android 4.1 中触发,'show' 事件工作正常

我尝试在每个可能的位置添加事件侦听器、内联 javascript$(document).readyonDevideReadyCordova 函数,该'init'事件似乎在此版本的 Android 中从未触发。有趣的是,'show'火灾很好……

这是代码:

事件侦听器是相同的,并且 init 仍然不会触发。我查看了他们的文档,但没有关于旧 Android 版本的信息。

还有其他人遇到过这样的问题吗?我该如何解决这个问题?