标签: ionic
如何在离子化中使$ state.go移动到其他视图而不进行过渡动画？
好吧,我有基于侧面菜单的离子应用程序.
任何视图过渡的默认动画都是从右向左滑动; 但对于很少的视图我需要转换的动画为无(没有动画)
我根本无法在任何文档上做到这一点
推荐指数
解决办法
查看次数
Ionic/Cordova iOS - 在应用程序打开时调用功能
是否可以在重新打开应用程序后调用函数(使用主页按钮关闭,而不是作为进程关闭)？
推荐指数
解决办法
查看次数
使用侧边菜单和选项卡时的离子历史堆栈
使用侧边菜单和标签时,我遇到了离子及其历史堆栈的麻烦.
我在这里创建了一个plunker示例:http://embed.plnkr.co/XK6seY9mDypTW6GcsCpj/preview
要解决问题的步骤:
- 打开侧边菜单
- 导航到"主列表"
- 选择其中一个项目
- 您将被重定向到详细信息页面的常规数据选项卡
问题是离子本身在导航中没有显示后退按钮.我创建了一个自己的后退按钮,调用$ ionicGoBack($ event)来查看离子是否具有历史堆栈.但是当单击此按钮时,您将看到离子不会导航回主列表,而是保留在详细信息页面的常规数据选项卡上.
谁能告诉我这是什么问题？我知道标签有自己的历史堆栈,但标签应该知道它的祖先,还是我错了？
非常感谢您的帮助!
最好的祝福
推荐指数
解决办法
查看次数
Ionic:如何在$ ionicPopup中使用cssClass？
所以我想修改$ ionicPopup中的默认宽度,为此我必须将'cssClass'添加到我的弹出对象中,就像下面的代码一样
$scope.getScore = function(){
var popupScore = $ionicPopup.alert({
title:'Score',
template: 'Total XP points: 50',
cssClass: '',
buttons: [{
text:'Return',
type: 'button-assertive'
}]}}
在这种情况下你会怎么做？我应该给cssClass一个值吗？(即:cssClass ='popupClass')然后转到我的CSS文件并从那里修改宽度？
推荐指数
解决办法
查看次数
错误:无法找到bower组件"ionic-platform-web-client"
我在node.js命令提示符"ionic add ionic-platform-web-client"上运行此命令并收到此错误....
无法找到凉亭组件"ionic-platform-web-client".你确定它存在吗？(CLI v1.7.7)
您的系统信息:
Cordova CLI:5.3.3
Gulp版本:CLI版本3.9.0
Gulp local:本地版本3.9.0
离子版:1.1.0
离子CLI版本:1.7.7
Ionic App Lib版本:0.6.3
操作系统:Windows 7
节点版本:v0.12.2
尝试了一切......重新安装凉亭,离子,科尔多瓦bt仍然得到这个错误.
推荐指数
解决办法
查看次数
离子导航栏下拉菜单
我想在导航栏的右侧有一个图标(三个条).
像这样的东西:
我曾经拥有它,我在互联网上的某个地方找到了代码,但我丢失了我的代码,我再也找不到从中学习该技术的URL.
请帮我恢复技术.
谢谢!
推荐指数
解决办法
查看次数
如何在Ionic的导航栏下面制作一个容器填满整个屏幕？
我想要一个iframe来填充导航栏下方的所有空间.我看到Ionic正在生成内联CSS并向html,body标签添加类,它还创建了div包装器.我不知道达到我想要的目的是什么.我需要为此使用一些预制的CSS类,还是自己编写？如果是这样,我该怎么做,不打破布局.
问题不是关于iframe,而是关于让容器填满导航栏下面的整个空间.
目前iframe占据全宽但只有150像素的高度,因为父容器的高度为150px.
我的应用程序基于(github的标签应用程序).
我的代码如下:
index.html的:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
</head>
<body ng-app="starter">
<ion-nav-bar class="bar-stable">
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view style="width: 100%; min-height: 100%; height: 100%;">
<!-- tab-map is shown here: -->
</ion-nav-view>
</body>
</html>
制表map.html:
<ion-view view-title="Map" style="width: 100%; min-height: 100%">
<div style="width: 100%; min-height: 100%">
<ion-content class="padding" >
<iframe src="../index.html" style="width: 100%; min-height: 100%">
</iframe>
</ion-content>
</div>
</ion-view>
目前它看起来像这样:
推荐指数
解决办法
查看次数
Cordova:LocalFileSystem未定义
我无法使cordova文件系统工作.我有一个具有以下依赖项的项目:
com.ionic.keyboard 1.0.3 "Keyboard"
org.apache.cordova.console 0.2.12 "Console"
org.apache.cordova.device 0.2.13 "Device"
org.apache.cordova.file 1.3.2 "File"
org.apache.cordova.file-transfer 0.4.8 "File Transfer"
在app.js我定义对控制器模块的依赖:
angular.module('starter', ['ionic', 'controllers']);
控制器代码基本上是这样的:
angular.module('controllers', [])
.controller('GalleryCtrl', function ($scope) {
function success() {...}
function error() {...}
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, success, error);
}
}
然后我得到的是:
LocalFileSystem is not defined
此外,requestFileSystem未定义.这种行为可能是什么原因？
我使用的是cordova 4.1.2和离子1.3.1.
编辑:这是相应的HTML标记:
<body ng-app="starter" ng-controller="GalleryCtrl">
<ion-nav-view>
<ion-slide-box id="slideBox">
<ion-slide ng-repeat="..."> <!-- details omitted -->
</ion-slide>
</ion-slide-box>
</ion-nav-view>
</body>
推荐指数
解决办法
查看次数
如何检测离子项内元素的点击？
使用ion-list和ion-item,我无法检测到按钮或div等元素的点击.
例如,使用ng-click在此处不起作用:
<ion-list>
<ion-item ng-repeat="device in devices">
<div ng-click="deviceOption(device.id)"> CLICK HERE</div>
</ion-item>
</ion-list>
我尝试过使用ion-option-button,但它并不适合使用.
为什么我们不能用一个简单的离子按钮指令来检测离子项内的点击？
推荐指数
解决办法
查看次数
Android模拟器中的应用程序错误问题"存在网络错误"
我添加平台android运行它后,在Android上运行离子应用程序
ionic emulate android -l -c
我不知道为什么会这样,它的android清单文件是:
<?xml version='1.0' encoding='utf-8'?>
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="com.greatdevelopers.hrstop" xmlns:android="http://schemas.android.com/apk/res/android">
<supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:supportsRtl="true">
<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:screenOrientation="portrait" android:theme="@android:style/Theme.Black.NoTitleBar" android:windowSoftInputMode="adjustResize">
<intent-filter android:label="@string/launcher_name">
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:label="@string/multi_app_name" android:name="com.synconset.MultiImageChooserActivity" android:theme="@android:style/Theme.Holo.Light" />
</application>
<uses-sdk android:minSdkVersion="10" android:targetSdkVersion="22" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
</manifest>
它向我展示了这个问题.任何解决方案请告诉我.
推荐指数
解决办法
查看次数