标签: ionic

在阅读悬停图像上的“中心字体真棒”图标及其相应答案后，我仍然无法使用离子图标复制此答案。

我正在使用的代码如下：

<div class="video-thumbnail">
  <img src="image here" />
  <i class="icon ion-play"></i>
</div>

我使用的 CSS 是：

.video-thumbnail {
  position: relative;
  margin: 0 auto;
  display: inline-block;
}

.video-thumbnail img {
  position: absolute;
}

.video-thumbnail i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

我已经把它放在彼此之上，但似乎找不到中间点。寻找水平和垂直居中。我不是在寻找任何悬停状态，只是图像上的一个明显图标。

谢谢！

我需要一些关于如何获取由cordova 相机插件挑选/拍摄的文件名称的提示。这是代码，我必须获取图片：

var options = {destinationType: Camera.DestinationType.NATIVE_URI};
options.sourceType = sourceType;
$cordovaCamera.getPicture(options).then(function (newURI) {
  imageFileURI = newURI;
  console.log('NATIVE_URI:\n' + imageFileURI);
  //I need to get the file name and extension here
  window.plugins.Base64.encodeFile(imageFileURI, function (base64Image) {
    base64Data = base64Image;  
  }, function (error) {
    console.log('Error while converting to base64: ' + error);
  });
}, function (error) {
 console.log('Error while picking a photo: ' + error);
});

有没有办法，如何在需要的地方获取文件名和扩展名？谢谢

我正在制作一个cordova应用程序从服务器下载mp3文件,然后存储到手机中,然后用户可以在本地播放.

我的下载mp3文件的代码看起来像这样

$scope.downloadFile = function(Filename){
        var fileTransfer = new FileTransfer();
        var uri = encodeURI("http://archive.org/download/Kansas_Joe_Memphis_Minnie-When_Levee_Breaks/Kansas_Joe_and_Memphis_Minnie-When_the_Levee_Breaks.mp3");
        var downloadPath = cordova.file.dataDirectory+'download.mp3';

        fileTransfer.download(
            uri,
            downloadPath,
            function(entry) {
                $scope.savepath = entry.toURL();
                alert("download complete: " + entry.toURL());
            },
            function(error) {
                alert("download error");
            },
            false,
            {
                headers: {
                    "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
                }
            }
        );
    }//End DownloadFile

我从服务器下载mp3文件,并通过名称download.mp3将其存储在iPhone中.当我想播放它时,我使用文件路径,cordova.file.dataDirectory+'download.mp3'但有一个错误,它就像应用程序找不到download.mp3

这是来自xCode的日志

Unknown resource 'file:///var/mobile/Containers/Data/Application/F4G316AE-5BB2-3F1A-A65B-A84E3F7152AC/Library/NoCloud/download.mp3'

我想问你们有没有办法检查正确的文件路径或任何解决这个问题的想法.

问候.

我在离子侧面菜单中创建我的项目,我的项目结构是这样的

1)我从项目中选择菜单项

2)打开屏幕,有项目列表

3)我再次从上面的项目中选择一个项目

4)显示项目列表

现在的问题是,当我的手指在个人资料图片左角,我要刷它,从左到右显示问题,它首先显示空白屏幕.当该空白屏幕进入主页面时,该菜单项无法正常工作.此问题仅在iOS上发现,而不是在Android中.

我正在尝试创建一个下拉菜单,其中包含从图标按钮显示的"共享"和"删除"选项,但Ionic不支持开箱即用.

有问题的按钮是这样的:

<button class="button button-icon icon ion-navicon-round" ng-click="show()"> 
</button>

我检查了问题(离子如何在按钮点击时显示选项下拉列表),但它没有帮助.

也许我需要一些Angular.js技巧？我是Angular.js和Ionic框架的新手.

我正在使用背景地理定位插件,在使用时我收到以下警告:

['Geolocation']花了'13 .754150'ms.插件应该使用后台线程

如何在离子中运行后台线程？

我在我的控制器中使用以下代码:

var myVar = setInterval(alertFunc, 60000);

function alertFunc() {
    console.log('int')
    var latitude,longitude;
    navigator.geolocation.getCurrentPosition(function(position) {
        latitude = position.coords.latitude;
        longitude = position.coords.longitude;
        console.log(latitude);
        console.log(longitude);
    }, function(error) {
        alert('Unable to get location: ' + error.message);
    });
}

我目前正在使用Ionic 1.3.16版本.在这里,我需要在下面的列表中选择多个列表项.

<div class="list listbox" ng-if="MemberData.length" ng-repeat="d in MemberData">

        <div class="item  item-avatar item-list-detail item-thumbnail-left thumnail_box">                
                <img ng-if="d.ThumbnailUrl" src="{{d.ThumbnailUrl}}" class="imground">
                <div ng-if="d.ThumbnailUrl==''|| d.ThumbnailUrl==null" class="item-icon-left">
                    <div><i class="icon ion-person bgskyblue  iconx dashboardsquare"></i></div>
                </div>
                <h3 class="spaceWrap"><b>{{d.Name}}</b></h3>
                <p class="spaceWrap">
                    <span class="small"><i class="icon ion-location">&nbsp;</i>{{d.Location}}</span>
                </p>

           </div>
    </div>

列表页面的屏幕截图:

我想POST从离子应用程序向远程php文件发送请求,以将base64编码数据保存在数据库中.当我传递POST数据时,我可以看到post参数被发送,但是当我从php文件打印响应时,它是空白的.

我试过这段代码:

controller.js

$http.post("someurl", {data: {"data333": 'peter'}});

当我打印$_POST或$_REQUEST从php,它是一个空白数组,但从我的控​​制台,我可以看到参数与json一起传递{data: {"data333": 'peter'}}.

我已在客户端和服务器中允许跨域.

我也试过标准的ajax方式:

$http.defaults.headers.post["Content-Type"] = 'application/x-www-form-urlencoded; charset=UTF-8';
$http({
        method : 'POST',
        url : 'someurl/',
        headers: {
            'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8'
        }, 
data : {"key": "value"}
})

任何人都可以帮我传递数据吗？

我试图显示一个带有集合重复的列表,它确实输出了列表,但它不可滚动.任何想法是我做错了什么？

那就是我的代码;

<div class="list" >
    <div class="form-item"
         ng-class="{'form-item--child': airport.isChild}"
         collection-repeat="airport in airports track by airport.id"
         collection-item-width="1080"
         collection-item-height="200" ng-show="airportName && airportName.length > 0">
        <ion-radio ng-model="obj.value" ng-value="airport.value" on-tap="selectAirport(airport)">{{ airport.label }}<i class="icon-select"></i></ion-radio>
    </div>

    <div class="form-item" collection-repeat="airport in favorites track by airport.id"
         collection-item-width="1080" collection-item-height="200"  ng-hide="airportName.length > 0">
        <ion-radio ng-model="obj.value" ng-value="airport.value" on-tap="selectAirport(airport)">{{ airport.label }}<i class="icon-select"></i></ion-radio>
    </div>
</div>

尽管我确定这在离子开发中并不罕见，但我似乎无法在网络上找到任何能解释这一点的东西。如果我有以下内容：

<body ng-app="myApp">

  <ion-nav-bar class="bar-positive">
  </ion-nav-bar>

  <ion-nav-view></ion-nav-view>

</body>

我在ion-nav-view外观中使用的其中一种视图例如如下所示：

<ion-view view-title="Profile" ng-controller="profileController" class="profile-view">
  <ion-content class="padding has-header">
  ....

如何仅显示ion-chevron-leftiOS 的后退按钮（实际上只是图标），并将其隐藏在具有专用硬件按钮的其他设备上？