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

javascript - 管理 splitterSide 以将其用作可重用组件

大家好,我想基于OnsenUI splitterSide 演示创建一个新的 SideMenu 组件,我尝试了这个,但我不知道如何管理我的状态和道具。我是 React.js 的新手。有人可以帮我改进(修复)这个吗?

这是我现在的组件代码:

这是 Page1 代码:

我的代码风格是否正确?(我的道具是否有效?)

如何防止两次声明showhide函数?


新版本:

我将代码更改为以下任何想法或改进?

我还将我的 Page1 更改为:

0 投票
0 回答
144 浏览

javascript - AngularJS + Onsen、ng-hide 和 ng-show 不起作用

我正在使用带有 onsen 框架的 AngularJS 1 来开发应用程序,并且正在尝试以下示例:

代码笔示例

在示例中您可以看到,他们在元素上使用了 ng-show 和 ng-hide 函数。

我自己尝试了代码,但无法让列表崩溃,因为 ng-hide 不起作用。

我什至下载了 angular-animate.js 模块并加载了它,但它不起作用。

有小费吗?

0 投票
1 回答
86 浏览

javascript - TypeError:在 OnsenUI 2 React 导航器中未定义 enterPage

我正在尝试SideMenu使用 OnsenUI 创建一个简单的组件,Splitter如下所示:

并如下使用它:

但不幸的是,当从 SideMenu 更改页面时,它会返回以下错误:

TypeError: enterPage is undefined

我还为它创建了一个在线 CodePen,你可以在这里看到它:

https://codepen.io/anon/pen/ObRzLB?editors=0011

我仔细检查了问题在哪里?

0 投票
0 回答
77 浏览

angular - monaca 项目中的 img 标签

我目前正在使用 Angular2(RC6) 和 OnsenUI2 制作一个混合应用程序。我有一个关于按标签显示图像的问题。这是我的代码。

在此处输入图像描述

这是我得到的错误。虽然我将项目路径设置为此图像源,但我无法显示任何图像。如果您有任何解决方案,我想知道。谢谢。

0 投票
0 回答
259 浏览

onsen-ui - 在 Onsenui 中使用选项卡导航时如何正确使用 AddEventListener

使用选项卡导航时,onsenui 中的正确事件监听器是什么?我有许多用于导航的选项卡和子选项卡。到目前为止,我使用 addEventListener "click" 来识别我现在使用 tabbar.getActiveTabIndex 跟随哪个选项卡,而当我们使用除了 pushPage 之外的选项卡导航时,addEventListener "pageinit" 不起作用。

onsen 是否为此内置了事件监听器?对于滑动,我尝试使用 ons.GestureDetector 它监听并运行良好,但是通过单击导航选项卡呢?

我的代码现在正在运行。我只是好奇,我的代码会牺牲性能吗?既然这么多点击收听还是有其他选择?

0 投票
0 回答
77 浏览

angular - Anguar2 和 onsenUI2 检测到事件更改 calosel-item

我在 Angular2 和 onsenUI2 使用 ons-carousel。

我想检测不断变化的轮播。

也许我可以在 postchange 使用,但不明白如何使用 postchange。

这是我的组件

这是我的课。

我还没有做任何事情。

0 投票
0 回答
405 浏览

javascript - ons-lazy-repeat refresh() 不是函数

我有一个使用此代码创建的工作温泉懒惰重复列表:

HTML:

JS:

但是,当我稍后打电话时,$scope.MyDelegate.refresh();我收到刷新不是函数的错误。我不确定如何调用刷新方法!

0 投票
0 回答
154 浏览

angular - 带有 angular2 的 onsenui - 使用错误的 ons-switch 标签

我尝试使用 Angular2 的 onsenui。

通过 monaca CLI 创建示例应用程序。

使用“ons-switch”标签时出现“无法读取未定义的属性‘addEventListener’”错误

请帮忙

错误↓↓↓</p>

这是 app.ts ↓</p>

这是 main.ts ↓</p>

包.json ↓</p>

0 投票
0 回答
84 浏览

ios - 使用 Cordova 的 onsenui - 在特定屏幕上启动应用程序

我正在运行一个打算在浏览器和移动设备上使用的 React.js/Cordova/OnsenUI 应用程序。我希望用户能够扫描二维码,然后跳转到我的应用程序中的屏幕。

这是应用程序现在的样子:

当我启动时,根据 URL,我可能想从一个Vendor组件或一个MainPage组件开始。

我认为最简单的做法是initialRoute根据扫描的二维码动态创建对象。鉴于我可能在 iOS 设备上,我如何知道扫描的 URL 是什么?当我启动应用程序时,我应该以不同的方式跳转到特定屏幕吗?

0 投票
1 回答
270 浏览

cordova - 科尔多瓦社交分享插件在我的 Angular2 应用程序上不起作用

我遇到了一个关于如何使用这个社交分享插件的问题。SocialSharing-PhoneGap-Plugin 当我试图调用这个插件时,我得到了一个未定义的错误。这是我的代码。

那么这个“社交共享”属性是未定义的。有没有人有同样的错误?