标签: ionic-framework

我正在尝试使用LocalStorage存储包含对象的数组。现在，以下代码在控制台上返回一个对象，而不是作为数组返回。这意味着我的离子列表无法阅读。有什么办法可以解决这个问题，并且可以将数组中的对象作为数组返回值？对象演示文稿包含多个内容，例如ID，标题等。我希望能够在数组中存储多个演示文稿，并能够访问每个演示文稿并在离子列表中显示它们。

Manager.js

 playlistService.addPlaylistAll = function (presentation) {

      console.log("setting item");
        var playlistarraytest = [];
      playlistarraytest.push(presentation);
      console.log("array first!! ", playlistarraytest);
      localStorage.setItem('playlisttest', playlistarraytest);
        playlistService.refresh();
      var test = localStorage.getItem('playlisttest');
       console.log(test);
}

Playlist.html

 <ion-list ng-repeat="presentation in dayOne = (playlist | filter: { day: 1 } | orderBy: 'start_date')">

我正在使用Ionic 3,我为此添加了一些css代码

示例 -

有人在需要更改填充颜色后点击图像.但它不适合我.任何人都可以帮我如何正确地做到这一点？

谢谢

CSS

clap {
  /*========================
   styles
    =======================*/
  .clap {
    position: relative;
    outline: 1px solid transparent;
    border-radius: 0;
    border: 0px solid #a750a9;
    top:-0.2rem;
    height: 0px; margin: 0px auto; margin-left: 2.3rem;
    background: none;   cursor: pointer;animation: pulse 2s infinite;

  }
  .clap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 50%;
    width: 44px;
    height: 44px;
  }
  .clap:hover {
    cursor: pointer;
    border: 0px solid #a750a9;
    transition: border-color 0.3s ease-in;
  }
  .clap:hover:after {
    animation: shockwave 1s …

我一直在尝试使用以下方法在Ionic App中更改状态栏颜色：

 import { StatusBar } from '@ionic-native/status-bar';

 constructor(private statusBar: StatusBar) { }

 this.statusBar.overlaysWebView(true);

 this.statusBar.backgroundColorByHexString('#ffffff');

但是状态栏的颜色仍然不会改变。

我使用ionic3。如何将图像放在导航栏的背景中？

<ion-tabs color="dark">
  <ion-tab [root]="tab1Root" tabTitle="Sp" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Vs" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Im" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="Alm" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab5Root" tabTitle="Sts" tabIcon="ios"></ion-tab>
</ion-tabs>

我尝试打开一个模态视图.为此,我使用以下内容:

crop: function(options) {
  options = this.initOptions(options);

  var scope = $rootScope.$new(true);

  ionic.extend(scope, options);

  scope.modal = $ionicModal.fromTemplate(template, {
    scope: scope
  });

  // Show modal and initialize cropper.
  return scope.modal.show().then(function() {
    return (new jrCropController(scope)).promise.promise;
  });
},

这工作正常.但现在我不想在javascript中定义我的模板.我想在一个额外的html文件中定义我的模板,所以我做了.

所以我不得不取代这个:

$ionicModal.fromTemplate(template,

有了这个:

$ionicModal.fromTemplateUrl(url,

但现在我收到以下错误:

ionic.bundle.js:20306 TypeError: scope.modal.show is not a function
at Object.crop (jr-crop.js:287)
at Scope.$scope.crop (polaroids_edit.js:51)
at $parseFunctionCall (ionic.bundle.js:21044)
at ionic.bundle.js:53458
at Scope.$eval (ionic.bundle.js:23100)
at Scope.$apply (ionic.bundle.js:23199)
at HTMLButtonElement.<anonymous> (ionic.bundle.js:53457)
at HTMLButtonElement.eventHandler (ionic.bundle.js:11713)
at triggerMouseEvent (ionic.bundle.js:2863)
at tapClick (ionic.bundle.js:2852)

当我使用模板网址而不是模板时,为什么会出现此错误？对我来说没有意义,因为在两种情况下它都是相同的方法.

我有一个php投票系统,在将新投票插入投票表之前,我检查投票表中的用户IP地址...

我的问题是如何使用angularjs在输入表单中获取客户端IP地址.

我正在构建一个带有IONIC框架的移动应用程序.

提前致谢.

我正在尝试谷歌的各种解决方案,但所有这些解决方案似乎都适用于Ionic 1和其他版本的Ionic和Angular.

HTML

<button class="edit" (click)="goBackToEnhancementPage();">Edit</button>

在按钮上单击我想转到历史记录中的上一个状态

打字稿

这是目前的状态

 export class BookingConfirmationPage {

      //Some properties

      constructor(public navCtrl: NavController, public navParams: NavParams ) {
        //Some codes
      }

      goBackToEnhancementPage(){
        canGoBack();
      }

    }

以前的国家

export class BookingEnhancementPage {

  //Some code 

  constructor(public navCtrl: NavController, public navParams: NavParams, public loadingCtrl: LoadingController, private formBuilder: FormBuilder ) {
    //This is previous state
  }

}

这不起作用.请告诉我我做错了什么？

我无法在Ionic 2中定义一个简单的函数.这是我的代码:

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';  

@Component({
    selector: 'page-account',
    templateUrl: 'account.html'
})
export class AccountPage {

    function show() //?THIS FUNCTION
    {
        alert("show");
    }

    constructor(public navCtrl: NavController, public navParams: NavParams) {}

}

那么这是Web浏览器中的错误:

我正在使用离子2.2.0.

谢谢你的帮助.

我正在寻找能够捕获并处理我的应用程序中的错误的工具/解决方案.我的申请是在Ionic1.我希望解决方案能够跟踪bundle.js中的错误并导致源代码(通过sourceMap).显然,我想发送更多有关错误的数据和参数.有没有人有什么建议？

我更喜欢免费工具和轻量级解决方案

谢谢.

我已经创建了一个离子项目。