ionic3

问题 I'm using Ionic 3 with based on angular 4 framework. And I need to know if I have multiple children components can I load them asynchronously, one by one: Load parent; Load first child; When first child loaded, load second child; When second child loaded, load third child and so on For example I have a parent component app.module.ts with children: @NgModule({ declarations: [ AppComponentPage ], imports: [ IonicPageModule.forChild(AppComponentPage), ChildOneComponentModule,

问题 ionic 3 I am using #cordova-plugin-file-transfer, to download the file from url in android and ios. For Android it is working fine. But for ios app, i am facing a problem. The file is downloading successfully, but i am not able to see downloaded file on ios device. Here is my code for ios => const transfer = this.transfer.create(); transfer.download(url, cordova.file.documentsDirectory + fileName).then( entry => { console.log(entry); this.apiService.showError("Download Succeeded."); this

问题 I want to reduce the size of images taken by camera API but quality reduce is not good. The best thing is to reduce resolution but I don't want to use target width and height for all images. For example, I want image width be 1280 and image height change automatically by its ratio, but in API I should use exact width and height. How can I change height dynamic by image ratio??? For now, I use this code: this.camera.getPicture({ quality: 60, destinationType: this.camera.DestinationType.FILE

问题 In good old version 1 of Ionic I was able to build an event-list grouped by date like this: <ion-list ng-repeat="(key, value) in events| groupBy: 'event.date'"> <div class="item item-divider" ng-if="value"> {{ ::key | event.date }} </div> <ion-item class="item" ng-repeat="event in value track by event.event.event_id"> {{ ::event.event.title }} </ionic-item> </ion-list> While the events object looks like this (event #1 and #3 share the same date): { "events": [ { "id": 1, "date": "2017-12-26",

问题 This question already has answers here : How to remove default color in input type? (3 answers) Closed last year . Im used ionic 3 , i want to know how to remove validation border color, red and green . I tried to removed, using this css .item-inner { border-bottom-color: transparent !important; box-shadow: none !important; } its not work, that solution is removed every focus line , any one know how to remove only validation color 回答1: If you want for all input fields: You can override the

问题 I am using Ionic3, and am in the process of converting to Lazy Loading in order to improve startup performance. I am experiencing a problem with pipes after converting my ChatsPage to lazy loading. As you can see below, it is complaining about the use of the following line in my chats.html . <h3 class="chat-time">{{item.timestamp | amDateFormat: 'D MMM YYYY'}}</h3> ERROR Error: Uncaught (in promise): Error: Template parse errors: The pipe 'amDateFormat' could not be found ("item.memberId2 &&

问题 THE SITUATION : I have a working right menu in my Ionic 2 app. I need to add a left menu. I have tried but was unsuccessfull so far. This is my attempt: THE CODE : With this code the right menu is properly working, but it doesn't appear the left menu. app.html: <ion-menu [content]="content" id="menu1"> <ion-header> <ion-toolbar> <ion-title>Pages</ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-list> <button ion-item *ngFor="let p of pages" (click)="openPage(p)"> {{p.title}} <

问题 Execution failed for task ':app:processDebugResources'. This error comes when execute "ionic cordova build android". Searched for a long time but no luck. Anyone can help? FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:processDebugResources'. > Failed to execute aapt * Try: Run with --stacktrace option to get the stack trace. Run with --info or -- debug option to get more log output. * Get more help at https://help.gradle.org BUILD FAILED in 4m 18s

问题 ngx translation with ionic 3 app not working for me. below is my code: app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { ErrorHandler, NgModule } from '@angular/core'; import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'; import { HttpModule,Http } from '@angular/http'; import { IonicStorageModule } from '@ionic/storage'; import { TranslateModule, TranslateLoader } from '@ngx-translate/core'; import { TranslateHttpLoader } from '@ngx

问题 I have an Ionic page which is querying FirebaseListObservable to make dynamic searching on ion-searchbar. It works well with Angularfire2@4.0.0-rc.0 and firebase@4.5.0. After upgrading new release AngularFire 5.0 I get an issue about FirabaseListObservable has no exported from new Api. import { Component } from '@angular/core'; import { IonicPage, NavParams, ViewController } from 'ionic-angular'; import {AngularFireDatabase, FirebaseListObservable} from 'angularfire2/database'; import {