标签: ionic
将Ionic中的按钮动态添加到导航栏
我有一个导航栏,我想在导航栏中只为一个屏幕添加一个保存按钮.我正在阅读博客,每个人都在说你如何在视图中声明你的按钮,而不是在控制器中访问它们.这一切都很好,但我必须想象人们仍然想要隐藏和显示导航按钮.我错过了什么吗？
<body ng-app="App">
<!-- The nav bar that will be updated as we navigate -->
<ion-nav-bar class="bar-positive">
<ion-nav-back-button> </ion-nav-back-button>
<ion-nav-buttons side="right">
<button id="saveButton" class="button button-clear">Save</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</body>推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
离子导航视图和外部资源
我正在尝试在我的应用程序中显示视频.我创建了一个链接,如:
<a href="movie/my_movie.mp4">Start movie</a>
一切都很好,视频旋转,但当我按下后退按钮导航状态被重置,我必须重新启动我的应用程序,以便回到我的应用程序的"主"页面.在启动视频时是否有任何技巧可以保持导航状态？
推荐指数
解决办法
查看次数
将离子cli添加到现有的离子项目中
我开始使用离子没有cli,并建立了一个带有离子/ cordova的应用程序.
如何将离子cli添加到现有项目中？
推荐指数
解决办法
查看次数
离子启动缓慢
我正在尝试离子框架,并发现应用程序使用基本选项卡应用程序加载非常缓慢(几乎没有任何更改).
这是我做的:
ionic start TabsDemo tabs
cd \TabsDemo
ionic platform add android
ionic build TabsDemo
我在配置中注释掉了两个启动画面元素.在HTC M7上运行,在应用程序第一次加载之前,我看到黑屏约3秒钟.之后缓存资源并且应用程序加载正常.
是否有设置或我可以做的事情让我的应用程序在合理的时间内加载或者所有离子应用程序都受此影响？
推荐指数
解决办法
查看次数
错误'离子运行Android'在设备上
所以,我只是想在插入HTC Desire上运行我的应用程序.我采取的步骤是:在清单xml中启用调试,在设备上启用usb调试,并在android AVD管理器中创建带有自定义定义的AVD.
运行后我得到的错误 ionic run android --info
"无法创建Java虚拟机"
"无法为对象堆保留足够的空间",以及警告"未指定目标,部署设备[随机设备号我不知道它来自何处]"
这是我的命令窗口的图像:
任何想法为什么我可能有这个警告和错误消息？他们是相关的问题吗？或者他们是两个单独的问题？
推荐指数
解决办法
查看次数
单击时将id值传递给离子模态
我正在使用click事件来打开这样的模态窗口,
但是在这个点击事件中,我需要传递一个id值,这样我就可以显示有关该id值的详细信息.这是控制器部分,
$ionicModal.fromTemplateUrl('modal.html', function($ionicModal) {
$scope.modal = $ionicModal;
}, {
// Use our scope for the scope of the modal to keep it simple
scope: $scope,
// The animation we want to use for the modal entrance
animation: 'slide-in-up'
});
有没有办法做到这一点...... ???
谢谢.
推荐指数
解决办法
查看次数
未知的自定义过滤器Ionic/AngularJS提供商
我正在尝试实现自定义筛选器,但是我收到以下错误:
错误:[$ injector:unpr]未知提供者:removeCharsFilterProvider < - removeCharsFilter
我的项目结构如下......
app.js:
var app = angular.module('myApp', ['ionic'])
myController.js:
app.controller('myController', ['$scope', 'removeChars',
function($scope, removeChars) {
//...
}
]);
removeCharsFilter.js:
app.filter('removeChars', function() {
return function(input) {
return input.replace(/-/g, '').replace(/>/g, '');
};
});
myView.html:
<div ng-controller="myController">
<p>{{person.name | removeChars}}</p>
</div>
的index.html
<!-- your app's js -->
<script src="js/app.js"></script>
<!-- filters -->
<script src="js/filters/removeCharsFilter.js"></script>
<!-- controllers -->
<script src="js/controllers/myController.js"></script>
我不知道为什么会发生这种情况,据我所知这应该有效.你能看到我遗失的任何东西吗？
推荐指数
解决办法
查看次数
如何更改Ionic 2中导航栏的背景颜色？
我正在尝试改变Ionic 2中的导航栏背景颜色.我尝试了很多东西,比如class ="bar bar-stable"等
现在我的代码看起来像这样:
<ion-navbar *navbar>
所以背景当前是灰色的(默认)
推荐指数
解决办法
查看次数
html5音频无法在ios设备上播放(离子)
我在我的离子应用程序中有这个html5音频,但是当我在xcode模拟器中测试时,音频正在播放但是当我在我的iphone中模拟它时,它不起作用.播放器中只有"直播"字样.它不播放也没有任何声音.
这是我的示例代码.
<audio controls>
<source ng-src="{{track.podaudio | trustAsResourceUrl}}" type="audio/mpeg">
</audio>
推荐指数
解决办法
查看次数