标签: ionic

我正在写一个小型离子应用程序,并有一个问题.我正在使用侧面菜单和标签.我的一个视图中有一个离子滑动盒,当我从左到右擦拭这个幻灯片时,侧面菜单滑出.我已经阅读了离子论坛上的各种相关主题,但没有一个有效.

我已经尝试添加drag-content="false"到各种标签,并添加$ionicSideMenuDelegate.canDragContent(false);到我的控制器.

都没有奏效.我认为这是因为我正在使用侧边菜单,标签中包含选项卡和视图.继承我的代码:

的index.html

    <ion-side-menus>

    <!-- Header bar -->
    <ion-side-menu-content ng-controller="NavCtrl" drag-content="false">
        <ion-nav-bar class="bar-positive">
            <ion-nav-back-button class="button-icon ion-ios7-arrow-back">
            </ion-nav-back-button>
        </ion-nav-bar>

        <!-- Page content -->
        <ion-nav-view drag-content="false" animation="slide-left-right"></ion-nav-view>
    </ion-side-menu-content> 

    <!-- Side menu -->
    <ion-side-menu side="left" class="side-menu">
        <ion-header-bar class="bar bar-header bar-dark">
            <h1 class="title">Menu</h1>
        </ion-header-bar>
        <ion-content has-header="true">

            <div ng-if="authData.twitter" class="logged-in-user item item-avatar">
                <img ng-src="{{authData.twitter.cachedUserProfile.profile_image_url}}"/>
                <h2>Hello, {{authData.twitter.displayName}}</h2>
                <p>Logged in via Twitter</p>
            </div>

            <div ng-if="authData.facebook" class="logged-in-user item item-avatar">
                <img ng-src="{{authData.facebook.cachedUserProfile.picture.data.url}}"/>
                <h2>Hello, {{authData.facebook.displayName}}</h2>
                <p>Logged in via Facebook</p>
            </div>

            <ul class="list">
                <li>
                    <a class="item …

我为iOS和Android开发了一个带离子框架的应用程序.Android中没有问题.但是,iframe在iOS设备和模拟器中没有显示任何内容,尽管它在Android和浏览器中运行良好.请帮我!:)

我的问题如下.

我已经给了WEB API我必须添加板图片.

我要做什么？

• 用户应该可以从手机中选择图像
• 用户可以添加板名
• 当用户点击提交时,输入的电路板名称和电路板图像应使用Web API和PUT方法发布.以下是WEB API详细信息

WEB API详细信息

头

• 网址:https://example.com
• 内容类型:| 内容类型|
• 方法:PUT

数据

• board_id:321
• board_title:| 标题|
• board_background:| 档案|

我已经使用cordovaImagePicker插件来选择图像,然后我无法将其上传到服务器.

我可以使用cordova文件传输插件,但我认为在这种情况下无法帮助我,因为没有指定的地方来存储图像.所有文件管理都由WEB API完成,我们只需要用Data发布文件.

我正在使用离子构建混合应用程序,当我尝试将其上传到应用程序商店时,它给了我这个错误

无法在Info.plist CFBundleSupportedPlatforms或Mach-O LC_VERSION_MIN中找到phantomjs的平台系列

有没有人遇到同样的问题,并找到了如何解决它？

我怀疑它来自我在项目中使用的插件或node_modules导致错误.

我正在使用Ionic Framework(基于Cordova)开发移动应用程序.

在Android中,我注册我的应用程序以打开*.txt文件.我在平台/ android/AndroidManifest.xml中添加了intent-filter,它可以工作.但是平台文件夹在.gitignore中:我想用config.xml来做.

我尝试在config.xml中添加:

 <platform name="android">
    <config-file target="AndroidManifest.xml" parent="/*/application/activity">
      <intent-filter><!-- ... --></intent-filter>
    </config-file>
    <!-- ... -->
 </platform>

我还尝试添加:

 <platform name="android">
    <config-file target="AndroidManifest.xml" parent="/manifest/application">
      <activity android:name="CordovaApp"> 
        <intent-filter><!-- ... --></intent-filter>
      </activity>
    </config-file>
    <!-- ... -->
 </platform>

然后我尝试更新AndroidManifest启动

ionic prepare

或者:

ionic remove platform android && ionic add platform android

但AndroidManifest.xml始终保持不变.我究竟做错了什么？

我正在使用Ionic 1.3.2和Cordova 4.2.0.

在这里编辑整个config.xml:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.myapp551932" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
  <name>MyApp</name>
  <description>
        myApp
    </description>
  <author email="xxx@yyy.it" href="http://www.example.com/">
      A Team
    </author>
  <content src="index.html"/>
  <access origin="*"/>
  <preference …

我有一个Rails和Ionic项目.后端使用devise_token_auth Gem和前端ng-token-auth; 这些应该是"无缝地"工作.

我已经将所有工作都注册并登录,这将返回一个有效的响应对象.但是,在我使用$ state.go('app.somepage')之后的任何进一步请求都会导致401 Unauthorized响应.

我觉得我实际上并没有将令牌存储在任何地方.有人可以帮忙吗？

以下是一些片段:

    .controller('LoginCtrl',['$scope', '$auth', '$state', function($scope, $auth, $state) {
    $scope.loginForm = {}
    $scope.handleLoginBtnClick = function() {
      console.log($scope.loginForm);
      $auth.submitLogin($scope.loginForm)
          .then(function(resp) {
            $state.go('app.feed');
          })
          .catch(function(resp) {
            console.log(resp.errors);
          });
    };

州定义:

    .state('app', {
  url: "/app",
  abstract: true,
  templateUrl: "templates/menu.html",
  controller: 'AppCtrl',
  resolve: {
    auth: function($auth) {
      return $auth.validateUser();
    }
  }

})

资源:

factory('Post', ['railsResourceFactory', 'apiUrl', function (railsResourceFactory, apiUrl) {
    return railsResourceFactory({
        url: apiUrl + '/posts',
        name: 'post'
    });
}]).

在PostsCtrl中:

  $scope.loadFeed = function() {
    Post.query().then(function (posts) { …

目前我有一个看起来像这样的离子切换

我想做这个

反正有没有让这件事发生？我在某处读到了我可以使用ng-true-value和ng-false-value,但这似乎没有做我想要的

当试图使用ionic和gradle创建一个android apk文件时,我收到一个错误

FAILURE: Build failed with an exception.

* What went wrong:
Unable to start the daemon process.
This problem might be caused by incorrect configuration of the daemon.
For example, an unrecognized jvm option is used.
Please refer to the user guide chapter on the daemon at http://gradle.org/docs/2
.2.1/userguide/gradle_daemon.html
Please read the following process output to find out more:
-----------------------
Error occurred during initialization of VM
Could not reserve enough space for object heap
Error: Could not create the …

我已经$cordovaSQLite加入了我的离子应用程序.这是代码的基本示例.

function retrieve() {
var q = $q.defer();

var query = 'SELECT user_credentials, user_id FROM Users;';

$ionicPlatform.ready(function (){
  $cordovaSQLite.execute(db, query).then(function(res) {
    if (res.rows.length > 0) {
      console.log("found user");
      console.log(res);
      console.log(JSON.stringify(res));
      q.resolve(res.rows[0]);
    } else {
      console.log("no rows found");
      q.resolve(false);

    }
  }, function (err) {
    q.reject(err);
  });
});

return q.promise;
}

这是打开db的代码.

if(window.cordova) {
  // App syntax
  db = $cordovaSQLite.openDB( "CoolApp.db" );
} else {
  // Ionic serve syntax
  db = window.openDatabase("CoolApp.db", "1.0", "Cool App", -1);
}

当我在Chrome上测试我的应用时,我的日志显示了这一点

rows: SQLResultSetRowList …

在我的Ionic/Angular移动应用程序中,我有一个类似Uber的地图,用户可以拖动地图来选择一个位置,并且总是有一个标记固定在中心.

为此,我按照这里和这里的说明进行操作.

所以,我的HTML看起来如下所示:

<ion-view cache-view="false" view-title="Choose location">
    <ion-content has-header="true" class="new-meeting" has-bouncing="false">
      <div id="chooseLocationMap" class="full-map"></div>
    </ion-content>
</ion-view>

SASS与此相关:

.full-map {
    width: 100%;
    height: 100%;

    .center-marker {
        position: absolute;
        background: url(../img/default-marker.svg) -10px -5px;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 40px;
        height: 50px;
        margin-top: -50px;
        margin-left: -22px;
        cursor: pointer;
    }
}

最后,我的控制器处理地图的部分是这样的:

function initialize() {
    var initialPosition = loadStoredPosition();

    var mapOptions = {
        zoom: 16,
        mapTypeId: google.maps.MapTypeId.ROADMAP, 
        disableDefaultUI: true
    };

    map = new google.maps.Map(document.getElementById('chooseLocationMap'), mapOptions);

    google.maps.event.addListener(map, 'center_changed', function …