标签: ionic
离子 - 没有互联网连接
我们正在使用Ionic(+ Cordova)构建一个Android应用程序.
这一切都可以在我的浏览器中运行,但是当我构建它并运行.apk时会发生这种情况:
外部图片不会出现,嵌入的谷歌地图仍然是空的.我们的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>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="js/ng-cordova.min.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
</head>
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
</ion-header-bar>
<ion-content> …1
推荐指数
推荐指数
1
解决办法
解决办法
7043
查看次数
查看次数
Ionic:CSS在Ionic Serve,Android模拟器和Android设备上的呈现方式不同
构建我的Ionic应用程序的界面我有一个问题,它根据你在哪里运行它呈现不同.每当我修理一些东西,我最终都会破坏别的东西.
以下是我正在开发的邮件收件箱的样子:
- 离子服务和Android模拟器:http://s17.postimg.org/525i6eg6n/error_buzon.png
- Android设备:http://s24.postimg.org/4jtj9gqlh/2015_05_22_16_45_45.png
HTML代码是这样的:
<ion-view hide-back-button="false" view-title="Buzón de Mensajes" class="buzon-page">
<!-- <ion-nav-bar> </ion-nav-bar> -->
<ion-nav-buttons side="right">
<button class="button button-icon icon ion-android-exit" ng-click="cerrarSesion()">
</button>
</ion-nav-buttons>
<div class="superior">
<div class="list list-inset" >
<label class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="text" placeholder="Buscar">
</label>
</div>
<div class="botones">
<div class="row">
<div class="col">
<button class="button button-outline button-block button-positive">
Promociones
</button>
</div>
<div class="col">
<button class="button button-outline button-block button-energized" >
Aprobados
</button>
</div>
<div class="col">
<button class="button button-outline button-block …1
推荐指数
推荐指数
1
解决办法
解决办法
5376
查看次数
查看次数
如何使用按钮栏作为导航选项卡离子
使用令人敬畏的离子框架,我正在使用按钮栏,如下图:
但我希望当我按下一个按钮时,它应该保持按下而其他按钮关闭,当我按下第二个时,它会保持按下而其他按下.
像这样 :
这是代码:
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
1
推荐指数
推荐指数
1
解决办法
解决办法
6646
查看次数
查看次数
离子服务未被捕获的例外
当我运行离子服务时,我的网络浏览器中没有任何显示
ionic serve
这就是我收到的:
Monas-MacBook-Pro:myDemoApp mona$ ionic serve
The port 35729 was taken on the host localhost - using port 35730 instead
Running live reload server: http://localhost:35730
Watching : [ 'www/**/*', '!www/lib/**/*' ]
Running dev server: http://localhost:8100
Ionic server commands, enter:
restart or r to restart the client app from the root
goto or g and a url to have the app navigate to the given url
consolelogs or c to enable/disable console log output
serverlogs or s to enable/disable …1
推荐指数
推荐指数
1
解决办法
解决办法
1158
查看次数
查看次数
离子菜单中的下拉菜单
我只是从离子框架开始，尝试将现有的角度应用程序作为混合应用程序应用于移动设备。
有什么方法可以在ionic中创建下拉菜单吗？我搜索了离子网站/论坛，也用Google搜索，但找不到任何方法。
1
推荐指数
推荐指数
1
解决办法
解决办法
3032
查看次数
查看次数
Ionic:ReferenceError:$未定义
我收到错误ReferenceError:$未在我的离子应用程序中定义.
我正在尝试从我的json文件中打开系统浏览器中的链接.
这是代码:
$timeout(function () {
$('.ex-link').click(function () {
var url = $(this).attr('href');
window.open(encodeURI(url), '_system', 'location=yes');
return false;
})
})
得到错误的行是:
$('.ex-link').click(function () {
1
推荐指数
推荐指数
1
解决办法
解决办法
6137
查看次数
查看次数
请将Node运行时更新为版本> = 0.12.x
嗨,我正在使用离子来构建混合html应用程序.
我正在运行的每个命令都会收到以下警告:
******************************************************
Upgrade warning - for the CLI to run correctly,
it is highly suggested to upgrade the following:
Please update your Node runtime to version >=0.12.x
******************************************************
如果可以,请告知我应该如何更新节点运行时版本
1
推荐指数
推荐指数
1
解决办法
解决办法
8833
查看次数
查看次数
离子构建android错误
我糊涂了.jdk,sdk,ant,cordova,ionic做得好,为什么会出错？
我到处搜索,但没有答案.
我猜错误版本？
谁可以帮忙呢？
系统:win8
jdk:1.8
ant:1.96
android:22
%ANT_HOME%\bin\;%ANDROID_HOME%\platform-tools\;%ANDROID_HOME%\tools\;%java_home%\bin;%java_home%\jre\bin;C:\ProgramData\Oracle\Java\javapath;%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;C:\Program Files\nodejs\
路径
E:\ionic\demo22>ionic build android
Running command: "C:\Program Files\nodejs\node.exe" E:\ionic\demo22\hooks\after_
prepare\010_add_platform_class.js E:\ionic\demo22
add to body class: platform-android
Running command: cmd "/s /c "E:\ionic\demo22\platforms\android\cordova\build.bat
""
ANDROID_HOME=E:\adt-bundle-windows-x86_64-20140702\sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_60
Running: E:\ionic\demo22\platforms\android\gradlew cdvBuildDebug -b E:\ionic\dem
o22\platforms\android\build.gradle -Dorg.gradle.daemon=true
Unzipping C:\Users\cxt\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oiej
fej094b\gradle-2.2.1-all.zip to C:\Users\cxt\.gradle\wrapper\dists\gradle-2.2.1-
all\2m8005s69iu8v0oiejfej094b
Exception in thread "main" java.lang.RuntimeException: java.util.zip.ZipExceptio
n: error in opening zip file
at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAcc
essManager.java:78)
at org.gradle.wrapper.Install.createDist(Install.java:47)
at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:129)
at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:48)
Caused by: java.util.zip.ZipException: error in opening zip file
at java.util.zip.ZipFile.open(Native …1
推荐指数
推荐指数
1
解决办法
解决办法
4963
查看次数
查看次数
单击离子选项按钮后,在离子项中"向后滑动"
在一个离子项目中,我制作了离子列表离子项和这些离子选项按钮:
<ion-list>
<ion-item class="item " ng-repeat="exercise in exercises" on-double-tap="sendToChangeExercise">
<p><h2>{{exercise.exerciseName}}</h2></p>
<p ng-repeat="(parameter, value) in exercise.parameters">
{{parameter}}: {{value}} <span ng-if="exercise.trainingData[parameter].length > 0 "><b><i>Eintrag im Trainingtagebuch: {{exercise.trainingData[parameter]}}</i></b></span>
</p>
<ion-option-button class="button button-calm" ng-click="openModal(exercise.exerciseID)"> Info </ion-option-button>
<ion-option-button class="button button-energized" ng-click="openModal(exercise.exerciseID)"> Ändern </ion-option-button>
? <ion-option-button class="button button-balanced" ng-click="didExercise(exercise.exerciseID)" ng-if="!exercise.done"> Done </ion-option-button>
</ion-item>
</ion-list>
假设我向左滑动一个项目.然后出现按钮.我点击一个按钮就可以完成它应该做的事情.但离子项目仍处于"向左滑动"状态.你知道我的意思？现在我必须向右滑动以便按钮消失.有没有什么可以让我自动让按钮在JS函数结束时消失？
感谢帮助
1
推荐指数
推荐指数
1
解决办法
解决办法
4167
查看次数
查看次数
停止在Ionic中滚动一些内容
我在Ionic中为每个View使用不同的模板.我希望搜索栏保持在同一个位置并允许结果滚动,但目前整个视图都在滚动.思考？
录制专辑
<span class="item-note">
Grammy
</span>
</button>
<div class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="text" placeholder="Search" ng-model="searchTerm">
</div>
</div>
<ion-list>
<ion-item class="item-remove-animate item-icon-right" ng-repeat="psalm in psalms | filter: {psalm: searchTerm}" type="item-text-wrap" href="#/tab/psalm/{{psalm.id}}">
<h2>Psalm {{psalm.psalm}} {{psalm.version}}</h2>
<p>{{psalm.metre}}</p>
<i class="icon ion-chevron-right icon-accessory"></i>
</ion-item>
</ion-list>
1
推荐指数
推荐指数
1
解决办法
解决办法
4774
查看次数
查看次数