Posts

Showing posts from July, 2020

Ionic APK Generation

Run app on web use below command 1)ionic serve 2) adb devices(check device connected or not) 3) export ANDROID_HOME="/home/nss/Android/Sdk"(android home path) 4) ionic cordova run android (debug apk) 5) ionic cordova build android (debug apk) 6) ionic cordova platform addd android add platforms command generate keytool--> 7)  keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000 8) ionic cordova build android --prod --release ( /home/nssdt022/VisitorappIonic5project/visitorapp/platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk ) like release apk will be generated here you go to that path and paste keytool here and then run below command  9)   jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore orangerover.keystore app-release-unsigned.apk orangerover final steps of apk-->open extranal terminal 10) cd Android/Sdk/build-tools/26.0.1  11) ./zipalign -v 4 app-release-unsig...

ionic 5 datatable

https://swimlane.github.io/ngx-datatable/#toggle https://www.positronx.io/create-ionic-data-table-with-ngx-datatable/ <app-header></app-header> <ion-content padding>   <div class="margin">     <p  style="text-align:right;width:100%">       {{this.today  | date:'dd MMM yyyy'}} <span   style="float:right;margin-left:10px;">{{this.time}}</span>     </p>      <ngx-datatable     [sortType]="'multi'"          [headerHeight]="100"      [footerHeight]="50"     [rowHeight]="50"     [scrollbarH]="true"     [scrollbarV]="true"     [rows]="this.rows"      [columns]="columns"      [columnMode]="'force'"     (page)="onPage($event)"     (activate)="onActivate($event)"     [limit]="5" class="bootstrap material"      ...

ionic5 filter with all columns in array

npm i ng2-search-filter -->install import { Ng2SearchPipeModule } from 'ng2-search-filter'; Ng2SearchPipeModule  import in app module add Ng2SearchPipeModule  to page module--> <ion-header>   <ion-toolbar>     <ion-title>Ionic Search</ion-title>   </ion-toolbar> </ion-header> <ion-content class="ion-padding">   <!-- Search Bar -->   <ion-searchbar placeholder="Filter Schedules" [(ngModel)]="term" animated="true"></ion-searchbar>   <!-- List Items -->   <ion-list>     <ion-item *ngFor="let item of filterData | filter:term">       <ion-label>{{item.firstName}} {{item.lastName}}</ion-label>     </ion-item>   </ion-list> </ion-content> import { Component, OnInit } from '@angular/core'; @Component({   selector: 'app-search',   templateUrl: './search.page.html',   styleUrls: ['...