ionic-framework
Building combined armv7/x86 apk after Crosswalk integration in an Ionic project
Well I just changed my config.xml following property to false and it combined the build apk. from <preference name=”xwalkMultipleApk” value=”true”/> to <preference name=”xwalkMultipleApk” value=”false”/> My systems ionic info returns Your system information: Cordova CLI: 6.1.1 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic CLI Version: 1.7.16 Ionic App Lib Version: 0.7.3 OS: … Read more
How to install specific version of ionic via npm
Syntax To install a specific version through npm, the following syntax should be followed: npm install -g ionic@VERSION Where VERSION is the number of the version we want to install from Ionic Example Let’s say that we want to install IONIC 1.4.0, because you should specify: npm install -g ionic@1.4.0 Notes To see all available … Read more
Ionic 4 custom components
Finally figured this out, here’s a repro that works: ionic start myProject blank –type=angular ionic g module components ionic g component components/myComponent –export This adds both a declaration and export to the components module for “myComponent”. To use the component just add ComponentsModule to your imports in your page module, e.g. @NgModule({ imports: [ CommonModule, … Read more
Ionic build error : You have not accepted the license agreements of the following SDK components: [Android SDK Platform 24]
Install the license: mkdir “%ANDROID_HOME%\licenses” echo |set /p=”8933bad161af4178b1185d1a37fbf41ea5269c55″ > “%ANDROID_HOME%\licenses\android-sdk-license”
Remove ion item divider
This is for ionic 2 and 3. Please refer to this answer for higher versions of ionic use no-lines <ion-row ion-list> <ion-col width-25 *ngFor=”let player of players”> <ion-item no-lines color=”dark”><!– here –> <ion-avatar item-left> <img [src]=”photo” class=”img img-circle”/> </ion-avatar> {{user.name}} </ion-item> </ion-col> </ion-row>
Gradle sync failed: Cause: compileSdkVersion is not specified
You are using android support library of 27.+ so you will have to give sdk version 27 as compileSdkVersion and targetSdkVersion otherwise your project does not know for which platform your project should be built. These parameter should be given in android directory like this in build.gradle(app): android { compileSdkVersion 27 buildToolsVersion ‘27.0.3’ defaultConfig { … Read more
Pass a controller to $ionicModal
Just add the controller you want to use in the body of the html of the modal. I created a fiddle to show you an example based off the one provided in the ionic docs: http://jsfiddle.net/g6pdkfL8/ But basically: <– template for the modal window –> <ion-modal-view> <ion-content ng-controller=”ModalController”> … </ion-content> <ion-modal-view>
Ionic – How to remove sidemenu on login page only?
You can disable/enable sidemenu at any time at any page by calling $ionicSideMenuDelegate.canDragContent(false) e.g: angular.module(‘ABC’).controller(‘xyzCtrl’, function($scope, $ionicSideMenuDelegate) { $ionicSideMenuDelegate.canDragContent(false) });
Ionic: How to center a div?
You already found your answer but I would do something like that instead: In your css: .center { margin-left: auto; margin-right: auto; display: block; } And then just add this class to your image: <img src=”https://stackoverflow.com/questions/31050832/{{ data.logo }}” class=”center” alt=””> This way you don’t need to adjust each image on its own and I find … Read more