草庐IT

ionic-plugin-keyboard

全部标签

javascript - Ionic/AngularJS 重定向到另一个页面

我有登录页面。当用户名和密码正确时,我想从登录页面重定向到HomePage.html页面。Login.htmlLoginHomePage.htmltestcontroller.js.controller('LoginCtrl',function($scope,LoginService,$ionicPopup,$state){$scope.data={};$scope.login=function(){LoginService.loginUser($scope.data.username,$scope.data.password).success(function(data){$stat

html - 如何在 ionic 工具栏的中心设置和对齐 ionic 选择

我想在ionic的工具栏上设置选择选项,但我无法将它对齐到中心,我已经尝试了很多东西......通过使用这些方法我无法这样做,此方法将输入框居中对齐,但不会将选择选项居中对齐。这是一个stackblitzemptyNintendo64PlayStationSegaGenesisSegaSaturnSNES结果还是一样.item-select{position:initial;margin-left:100px;width:40%;text-align:center;}这也不影响,谁能告诉我如何将选择选项设置为在ionic工具栏上居中? 最佳答案

javascript - ionic 如何以编程方式返回状态

我有一个返回按钮,当我点击ng-click='goBack()'时。我可以在浏览器中看到从http://app:8888/#/main/payments更改的url至http://app:8888/#/main/products/7这是我想返回的正确路径,但问题是View不会在那里转换。我必须点击刷新按钮才能到达那里或在$ionicHistory.goBack();之后执行window.location.reload。我不想重新加载整个页面我想将该View转换为上一个View。这是我的htmlGoBack这是我的Controller.controller('paymentsContro

html - ionic2 谷歌地图街景在任何 iPhone 设备上运行时不加载图像

在的src中加载图像时,我没有获得谷歌地图的街景图像ionic2中的标签。它在Android设备上工作正常,但在iPhone上,它给出了错误Failedtoloadresource:theserverrespondedwithastatusof403(Forbidden)代码如下:”/>在上面的代码行中是Apikey。为什么它没有在iPhone设备中显示? 最佳答案 您需要提供来自google的api_key。使用这个网站:https://developers.google.com/maps/documentation/ios-sd

html - ion-item 内的 ion-textarea 在 IONIC 2 上不起作用

我在ion-item中有一个ion-textarea。它显示正常,但是当我按下文本区域时,它会显示和隐藏键盘。而且因为键盘是隐藏的,所以我不能输入任何文字。好像在我触摸屏幕后立即触发了onblur事件。这是我的代码:Comment有什么想法吗? 最佳答案 每当以这种方式使用ion-item时,您经常会遇到这样的错误。在我只是将它们包装在一个div中之前,我对输入发生了同样的事情。Perthedocs-一个项目可以包含文本、图像和任何其他内容。通常它与其他项目放在一个列表中。它可以轻松滑动、删除、重新排序、编辑等。只有在需要通过手势操

javascript - Ionic 2 Refresher 在页面加载时切换 ionic 刷新器

概述:当我的页面加载到Ionic2应用程序中时,我发出网络请求以填充列表。此时此刻,当页面最初加载时,我正在切换一个ionic微调器。这是目前的复习:我想要的行为是删除ionic旋转器组件,并在页面最初加载时启用ionic刷新器。我已经在IonicV1中看到过几个这样的例子,但我似乎无法将其转换为Angular2。问题:有没有办法从我的Controller(*.ts)触发ionic刷新器及其微调器,这样我就可以从我的模板中删除额外的ionic微调器组件? 最佳答案 我实际上发现了一个hack:import{Content,Refre

html - 如何更改 ionic 应用程序中选项卡的颜色?

我希望将选项卡的事件颜色更改为自定义颜色。如果可能的话,我还想更改图标的颜色。目前我所在的标签是正色,其余标签是灰色。对于那些不熟悉ionic但却是css天才的人,ionic有许多默认设置颜色,例如:positive=blue,assertive=red。这是我目前所拥有的:tabs.htmlCSS:.tabs-color-active-positive,.tabs{color:#c49137!important;}我弄乱了CSS代码和声明,但这并没有什么不同。 最佳答案 首先,.tabs没有指向任何东西。因此需要更正或从CSS选择

html - <select> 标签在 ionic 中的某些 android 设备上不起作用

因此,选择框在Android设备(例如galaxys6)上不起作用。我正在使用ionic框架..当我点击选择框时没有任何显示,但如果我在边框处点击它(这非常困难)选项显示。据我所知这是ionic的错误..任何解决方案?提前谢谢你thisisaselectboximageandthisisoptionsmenu{{'ENGLISH'|translate}}{{'GEORGIAN'|translate}}{{'RUSSIAN'|translate}} 最佳答案 尝试将data-tap-disabled属性应用于select标签。Here

html - ionic 2 : Hide scroll-bar and keep scrolling

我只想在需要滚动的页面中隐藏滚动条。我正在使用Ionic2我的不工作解决方案:.scroll-content-bar{overflow:hidden;}此解决方案隐藏滚动条但使屏幕不可滚动。 最佳答案 首先,改变浏览器的自然行为和预期的用户体验是一个冒险的举动。但是,如果您仍然真的想要,我认为您最好的选择是伪造它。在这种情况下,将width设置为0应该就足够了,但我还将背景颜色更改为完全透明。div{background:gray;height:200px;overflow-y:scroll;}p{border-bottom:1px

javascript - 访问 Ionic 2 DOM 元素的样式

我正在尝试使用以下内容访问我的其中一个页面的DOM元素:ionViewDidEnter(){this.platform.ready().then(()=>{letelm=document.querySelector("ion-navbar.toolbar.toolbar-ios.statusbar-padding");console.log(elm.style);})}但是,这个元素似乎没有样式-我尝试了各种组合来访问它,但没有成功。具体来说,我正在寻找ion-navbar的高度。这可能吗? 最佳答案 你可以通过element.of