ionic3

How do I pop out the ion-select using different button? <ion-select [(ngModel)]="choices" multiple="true"> <ion-option>Appliances</ion-option> <ion-option>Automobile</ion-option> <ion-option>Cellphones</ion-option> <ion-option>Clothing</ion-option> <ion-option>Computers</ion-option> <ion-option>Electronics</ion-option> <ion-option>Toys</ion-option> </ion-select> You can ViewChild with ionic-angular html <ion-select [(ngModel)]="choices" multiple="true" #mySelect> <ion-option>Appliances</ion-option> <ion-option>Automobile</ion-option> <ion-option>Cellphones</ion-option> <ion-option>Clothing<

My ionic3 project build IOS successed, but when I upload it to itunes connect error showing then I try follow this ANSWER , but showing this for me find: convert: No such file or directory EDIT: I installed imagemagick using npm install imagemagick not brew install imagemagick then running find ./resources/ -name "*.png" -exec convert "{}" -alpha off "{}" \; showing find: convert: No such file or directory . Error solved!! Because of my ionic3 project contains icon alpha channel problem. And thanks to @Raptor. I tried to close icon alpha channel by photoshop . Delete ./resources/ios/icon all

I am using Ionic3, and have: <span class="char-left">{{REVIEW_MAX_LENGTH-ratingModel.review.length}} characters left</span> I would like to conditionally change the class value when another value is populated, i.e when ratingForm.controls.review.length > 0 change the values to class="char-left-error" . I did look at ng-class , but cannot seem to get it to work. Any help appreciated. If it's just a single class, you can try with <span class="char-left" [class.char-left-error]="ratingForm.controls.review.length > 0"> By using ngClass it would look like <span class="char-left" [ngClass]="{'char

I am new to ionic2 development. Trying to show a toast message to the user, However using ionic2 framework am able to display only string message's in the toast view, I want to display a image and few other string in the form of customized view. How can i do that. I got this link from ionic site which says we can display string's. http://ionicframework.com/docs/v2/api/components/toast/ToastController/ Any suggestions ? I've been playing around with this, and I think I found a workaround, but please notice that this is just that, a workaround , and may cause some other things to break somehow.

I'm very new to ionic 3 and Angular 4. I'm trying to translate a page but when I run the app I get this error. I added the libraries and imported everything as the documentation said, and I added the translate service in the providers array in app module, but I still get this error app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { ErrorHandler, NgModule } from '@angular/core'; import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'; import {HttpClientModule, HttpClient} from '@angular/common/http'; import { MyApp } from './app.component'; import

I used many plugins in my Ionic 2 project. All things works fine before. But after launching ionic state reset --plugins , some objects cannot be found any more. I've used Beacon Plugin in my project. ----edit---- What it doesn't work is Cannot read property 'Delegate' of undefined in var delegate = new this.locationManager.Delegate(); ----edit---- The most weird thing is that ionic serve works (Browser), but ionic run android (Device) doesn't. ----edit---- After ionic platform rm android and ionic platform add android , still doesn't works. ----edit---- Doesn't work even I reinstall the

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_URI, sourceType: sourceType, mediaType: this.camera.MediaType.PICTURE, targetWidth: 1280, targetHeight: