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

javascript - ons-popover 2.0 - 通过纯 javascript 而不是 angular 调用

我试图模仿这一点,但使用没有 AngularJS 的 Onsen 2.0:

http://codepen.io/argelius/pen/zxGEza?editors=1010

简而言之,如何在 JS 中触发弹出窗口而不使用 ons.bootstrap(),因为这会由于不包含 AngularJS 而导致错误?

我的页面调用如下所示:

0 投票
1 回答
312 浏览

node.js - 是否可以通过 React 在 Meteor 中使用 Onsen UI 2

我希望在 Meteor 中测试新的 beta Onsen UI 2。我尝试使用meteorhack 和browserify 创建一个包。

https://onsen.io/2/

我遵循的步骤是:

流星添加meteorhacks:npm cosmos:browserify将onsenui添加到packages.json

将其添加到 lib/app.browserify.js

然后我尝试运行该应用程序,但一直遇到同样的问题。

我在想,由于这个新版本与 React 兼容并且不再需要 Angular,这应该是可能的吗?

0 投票
1 回答
956 浏览

onsen-ui - 我无法在 Onsen 2 上进行无限滚动

基于Onsen2this page)上的文档on-infinite-scroll并且ng-infinite-scroll应该可以工作,但我不能让它们工作。

有什么我错过的吗。

代码笔示例

0 投票
2 回答
514 浏览

angularjs - 使用 Onsenui 将数据传递到新页面

一旦用户单击持有 myNavigator.pushPage() 请求的按钮,我将尝试调用 API 端点。但是,我无法将 $http.get 请求生成的 $scope 数据传递给新页面。

如果我使用console.log('test'); 进行测试 $http.get请求的 .success 中,我成功地在控制台中获取了日志信息,但在$scope.var = 'something'; 不会传递到页面!真的很迷茫!

页:

0 投票
1 回答
584 浏览

angularjs - 将 AngularJS 与 $window.sessionStorage 一起使用(使用 Onsen UI)

我正在尝试实现一个简单的登录功能。我想让 DOM 根据 $window.sessionStorage.currentUserId5 会话是否存在来加载不同的元素。但是我添加到 .run() 的条件语句只是继续使用 else{} 语句

控制器

用户单击按钮并调用此按钮,应在此处创建 $window.sessionStorage

0 投票
1 回答
885 浏览

css - onsen ui 2:如何实现 android 风格的可滚动标签栏?

我正在为前端使用 onsen-ui 2 制作一个 android 应用程序。我将通过一个页面上的选项卡显示多个类别。由于大约有 7 个类别,我想像在原生 android 应用程序中一样实现可滚动的选项卡栏。所以,基本上如何使用 onsen-ui 2 做类似可滚动标签栏的事情。现在我认为它不是内置的。我想实现这样的事情:

http://i.stack.imgur.com/zjILk.png

我确实尝试过使用materialize css,但它不能完美地工作。它增加了页面的宽度并破坏了响应式视图。

更新:我设置这些 CSS 属性以获得扩展视图:

除此之外,我添加了自定义 jquery.kinetic 库以从这里获得触摸滚动:http://davetayls.me/jquery.kinetic/ 初始化为 ons-tabbar,如下所示: <ons-tabbar modifier="material" id="tab"> //in HTML

可滚动标签栏工作正常。但是如果tab-bar类的宽度太大,最后会有空格。有什么办法可以克服这个吗?我认为的一个答案是 CSS 媒体查询,但标签是动态添加的。因此,它们将来可能会超过 7。任何帮助将不胜感激。

0 投票
1 回答
141 浏览

jquery - onsen ui jquery 代码在通过 ons-sliding 菜单调用主页时在主页中不起作用

我正在为我的应用程序使用温泉 ui 滑动菜单,这是我用于滑动菜单的代码:

但与所有 html 都在<ons-template>标记中的原始模板不同,我为主页 (frontpage.html) 创建了一个单独的 HTML 文件,并将仅包含 menu.html 模板的页面重命名为 index.html。

在 frontpage.html 上,我使用 jquery 代码显示手风琴,当我在浏览器中打开 html 页面时它工作正常,但是当我打开 index.html 文件时,除了 jquery 手风琴外,一切正常。手风琴中的所有选项卡都是预先打开的,手风琴不起作用。我也没有在控制台中收到任何错误。

我正在使用本地托管的 jquery v2.2.3。两个 html 文件都包含正确的 jquery 脚本(在浏览器视图源中检查)。

我已经尝试了这两种方法,包括直接在脚本标记下的 frontpage.html 中的代码,并将其包含在单独的 js 文件中。当页面直接在浏览器中加载时它工作正常,但当页面通过滑动菜单页面加载时它不起作用。

0 投票
3 回答
67 浏览

javascript - 如何从画布上的某些移动事件中获取 X 和 Y?

我正在使用 Cordova + Onsen Ui 2 + javascript 开发一个应用程序,但我在从 javascript 移动事件中获取坐标 X 和 Y 时遇到问题。我尝试了 mousemove(它没有触发)和拖动(但是当我尝试从事件对象获取 pageX 或 clientX 时我得到了未定义)。我还没有找到任何关于用画布绘图的例子。提前谢谢大家!

Javascript:

html:

0 投票
1 回答
207 浏览

javascript - onsen ui (2 rc5) ons-bottom-toolbar 角度模板 TypeError:无法设置未定义的属性“nodeValue”

我试过这样的事情:

我得到这个错误

似乎温泉底部工具栏不接受任何绑定。或者可能是我错过了什么。

更新:

此错误仅显示在 GoogleChroum(Ubuntu 桌面和 android)最新版本上。

0 投票
1 回答
76 浏览

onsen-ui - 交换或洗牌页面

目前myNavigator共有三个页面:bottom.htmlmiddle.htmltop.html。我想得到bottom.html上面的top.html和我打电话的那个pushPage

但是这里有两个问题:

  1. 堆栈看起来像这样 bottom.html, middle.html, top.html, bottom.html
  2. 新版本bottom.html是完全重构的,因此在重构相同的内容时会浪费大量资源。

我尝试resetToPage了功能,但问题仍然相同。