问题标签 [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.
javascript - ons-popover 2.0 - 通过纯 javascript 而不是 angular 调用
我试图模仿这一点,但使用没有 AngularJS 的 Onsen 2.0:
http://codepen.io/argelius/pen/zxGEza?editors=1010
简而言之,如何在 JS 中触发弹出窗口而不使用 ons.bootstrap(),因为这会由于不包含 AngularJS 而导致错误?
我的页面调用如下所示:
node.js - 是否可以通过 React 在 Meteor 中使用 Onsen UI 2
我希望在 Meteor 中测试新的 beta Onsen UI 2。我尝试使用meteorhack 和browserify 创建一个包。
我遵循的步骤是:
流星添加meteorhacks:npm cosmos:browserify将onsenui添加到packages.json
将其添加到 lib/app.browserify.js
然后我尝试运行该应用程序,但一直遇到同样的问题。
我在想,由于这个新版本与 React 兼容并且不再需要 Angular,这应该是可能的吗?
angularjs - 使用 Onsenui 将数据传递到新页面
一旦用户单击持有 myNavigator.pushPage() 请求的按钮,我将尝试调用 API 端点。但是,我无法将 $http.get 请求生成的 $scope 数据传递给新页面。
如果我使用console.log('test'); 进行测试 在$http.get请求的 .success 中,我成功地在控制台中获取了日志信息,但在$scope.var = 'something'; 不会传递到页面!真的很迷茫!
页:
angularjs - 将 AngularJS 与 $window.sessionStorage 一起使用(使用 Onsen UI)
我正在尝试实现一个简单的登录功能。我想让 DOM 根据 $window.sessionStorage.currentUserId5 会话是否存在来加载不同的元素。但是我添加到 .run() 的条件语句只是继续使用 else{} 语句
控制器
用户单击按钮并调用此按钮,应在此处创建 $window.sessionStorage
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。任何帮助将不胜感激。
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 文件中。当页面直接在浏览器中加载时它工作正常,但当页面通过滑动菜单页面加载时它不起作用。
javascript - 如何从画布上的某些移动事件中获取 X 和 Y?
我正在使用 Cordova + Onsen Ui 2 + javascript 开发一个应用程序,但我在从 javascript 移动事件中获取坐标 X 和 Y 时遇到问题。我尝试了 mousemove(它没有触发)和拖动(但是当我尝试从事件对象获取 pageX 或 clientX 时我得到了未定义)。我还没有找到任何关于用画布绘图的例子。提前谢谢大家!
Javascript:
html:
javascript - onsen ui (2 rc5) ons-bottom-toolbar 角度模板 TypeError:无法设置未定义的属性“nodeValue”
我试过这样的事情:
我得到这个错误
似乎温泉底部工具栏不接受任何绑定。或者可能是我错过了什么。
更新:
此错误仅显示在 GoogleChroum(Ubuntu 桌面和 android)最新版本上。
onsen-ui - 交换或洗牌页面
目前myNavigator
共有三个页面:bottom.html
、middle.html
和top.html
。我想得到bottom.html
上面的top.html
和我打电话的那个pushPage
。
但是这里有两个问题:
- 堆栈看起来像这样
bottom.html
,middle.html
,top.html
,bottom.html
。 - 新版本
bottom.html
是完全重构的,因此在重构相同的内容时会浪费大量资源。
我尝试resetToPage
了功能,但问题仍然相同。