best practices is to delete www folder whenever you want a new build
↧
When i updated the content e., static content in my app after generated of apk its showing the old content only ... plz tell me the solution
↧
Ionic 4 & Angular 8
I’ve added an issue on your git…
↧
↧
Saving image to the user's contacts with Cordova Contacts plugin
Hi, same problem that i am facing. Did you find the solution?
↧
Ionic .apk not working in android version 9
I have the same problem, someone can help?
↧
Which module I need to import to use HTTP from @ionic-native/http/ngx?
{HTTP} from ‘@ionic-native/http/ngx’
HTTP is not a module it should be in provider
eg:
providers: [HTTP]
↧
↧
Ionic VS Code debugging issue: Unable to communicate with target
I can no longer debug the Ionic application in Visual Code because of this error: “Unable to communicate with target”. This issue only occurs on iOS device. Android works fine.
Web Inspector from Safari’s Advance settings on device is enabled. I’ve also tried to reinstall ios-webkit-debug-proxy and ideviceinstaller and usbmuxd.
brew uninstall ios-webkit-debug-proxy
brew uninstall ideviceinstaller
brew update
brew uninstall --ignore-dependencies libimobiledevice
brew uninstall --ignore-dependencies usbmuxd
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-webkit-debug-proxy
launch.json configuration is:
{
"name": "Attach to running iOS on device",
"type": "cordova",
"request": "attach",
"platform": "ios",
"target": "device",
"port": 9222,
"sourceMaps": true,
"cwd": "${workspaceRoot}",
"attachAttempts": 5,
"attachDelay": 5000
}
ionic info
Ionic CLI : 5.1.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.10
Cordova:
Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-webview 1.2.1, (and 22 other plugins)
Utility:
cordova-res : 0.3.0 (update available: 0.5.1)
native-run : 0.2.5 (update available: 0.2.7)
System:
ios-deploy : 1.9.4
NodeJS : v10.15.0 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS High Sierra
Xcode : Xcode 10.1 Build version 10B61
I run ios-webkit-debug-proxy manually in terminal:
Listing devices on :9221
Connected :9222 to Test (b78b701f3f1cca9a1177271de27916f4fc53c00a)
And then I start debug process. The error is:
Attaching to ios
Configuring debugging proxy
Unable to communicate with target
↧
NG2-Charts + Ionic4
Just gonna let that here: For Angular >= 7, ngx-charts do work well
Showcase: https://swimlane.github.io/ngx-charts/
↧
Error: resource android:attr/fontVariationSettings not found
Facing the same issue !
↧
How to use rating star in ionic 4?
How To Set Border colour & inner Colour And Increase The Size Of Star.
↧
↧
İonic 4 Doesnt work
Same issue, coming
My Ionic info:
Ionic:
ionic (Ionic CLI) : 4.12.0 (C:\Windows\System32\node_modules\ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.16
@angular-devkit/build-angular : 0.10.6
@angular-devkit/schematics : 7.0.6
@angular/cli : 7.0.6
@ionic/angular-toolkit : 1.2.0
System:
NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10
↧
Custom eventemmiter in range ionic-angular component is not working on production
Hi evereyone,
I put an eventemitter inside of /node_modules/ionic-angular/components/range/range.js file like this:
Range.prototype._pointerDown = function (ev) {
if (this._disabled) {
return false;
}
//Emit ion start event to run the timer for collecting of slider move
this.ionStart.emit(this);
.
.
.
.
};
This code works fine in debug mode and when i run on android device, but when I build a production release, this isn’t work and no event wasn’t fired!!!
Any help will be appreciated.
↧
İonic 4 Doesnt work
(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)
↧
İonic 4 Doesnt work
// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/
/** Ionic CSS Variables **/
:root {
/** primary **/
--ion-color-primary: #3880ff;
--ion-color-primary-rgb: 56, 128, 255;
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255, 255, 255;
--ion-color-primary-shade: #3171e0;
--ion-color-primary-tint: #4c8dff;
/** secondary **/
--ion-color-secondary: #0cd1e8;
--ion-color-secondary-rgb: 12, 209, 232;
--ion-color-secondary-contrast: #ffffff;
--ion-color-secondary-contrast-rgb: 255, 255, 255;
--ion-color-secondary-shade: #0bb8cc;
--ion-color-secondary-tint: #24d6ea;
/** tertiary **/
--ion-color-tertiary: #7044ff;
--ion-color-tertiary-rgb: 112, 68, 255;
--ion-color-tertiary-contrast: #ffffff;
--ion-color-tertiary-contrast-rgb: 255, 255, 255;
--ion-color-tertiary-shade: #633ce0;
--ion-color-tertiary-tint: #7e57ff;
/** success **/
--ion-color-success: #10dc60;
--ion-color-success-rgb: 16, 220, 96;
--ion-color-success-contrast: #ffffff;
--ion-color-success-contrast-rgb: 255, 255, 255;
--ion-color-success-shade: #0ec254;
--ion-color-success-tint: #28e070;
/** warning **/
--ion-color-warning: #ffce00;
--ion-color-warning-rgb: 255, 206, 0;
--ion-color-warning-contrast: #ffffff;
--ion-color-warning-contrast-rgb: 255, 255, 255;
--ion-color-warning-shade: #e0b500;
--ion-color-warning-tint: #ffd31a;
/** danger **/
--ion-color-danger: #f04141;
--ion-color-danger-rgb: 245, 61, 61;
--ion-color-danger-contrast: #ffffff;
--ion-color-danger-contrast-rgb: 255, 255, 255;
--ion-color-danger-shade: #d33939;
--ion-color-danger-tint: #f25454;
/** dark **/
--ion-color-dark: #222428;
--ion-color-dark-rgb: 34, 34, 34;
--ion-color-dark-contrast: #ffffff;
--ion-color-dark-contrast-rgb: 255, 255, 255;
--ion-color-dark-shade: #1e2023;
--ion-color-dark-tint: #383a3e;
/** medium **/
--ion-color-medium: #989aa2;
--ion-color-medium-rgb: 152, 154, 162;
--ion-color-medium-contrast: #ffffff;
--ion-color-medium-contrast-rgb: 255, 255, 255;
--ion-color-medium-shade: #86888f;
--ion-color-medium-tint: #a2a4ab;
/** light **/
--ion-color-light: #f4f5f8;
--ion-color-light-rgb: 244, 244, 244;
--ion-color-light-contrast: #000000;
--ion-color-light-contrast-rgb: 0, 0, 0;
--ion-color-light-shade: #d7d8da;
--ion-color-light-tint: #f5f6f9;
}
↧
↧
Google Maps is not showing: Ionic V3
This is the way for Ionic 3. Thanks
↧
Ionic 4 set style color by a variable
How can i call a Attribute in style with scss?
Thank You
↧
Save the image taken from camera into gallery
I want to save the image into the gallery that is taken from a mobile camera and should return the stored image path. I am using angular4/ionic4
take(form: NgForm) {
this.ishide = true;
this.hide_input = false;
const options: CameraOptions = {
quality: 70,
destinationType: this.camera.DestinationType.DATA_URL,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE
// saveToPhotoAlbum: true
};
this.camera.getPicture(options).then(
imageData => {
// imageData is either a base64 encoded string or a file URI
// If it's base64:
const x = null;
this.myphoto = imageData;
// localStorage.setItem('profile_picture', this.myphoto);
this.ProfilePicture = this.myphoto;
console.log(this.myphoto);
// this.presentToast(this.myphoto);
this.profileService.postInfluencerProfile(imageData, x, x).subscribe(
response => {
console.log(response);
},
(error: MavinError) => {
if (error instanceof NotFoundError) {
alert('Not found');
} else {
console.log(error);
}
}
);
},
err => {
// Handle error
}
);
}
↧
Ionic 3 emitEvent is set to false but still running the change event when an ion-option is selected
I am trying to use emitEvent as false on a Form Control of a FormArray to change ion-select option value to a specific one without running the change event again.
In my real app, the event will get values from database, but I created a simple stackblitz to describe the situation:
createForm(){
this.formGroup = this.fb.group({
formArray: this.createArray()
})
}
createArray()
{
return new FormArray(this.dummyData.map(item=> new FormGroup({
arrayControl: new FormControl(item.cid)
})))
}
change(array, index)
{
console.log('ionChange fired');
(<FormArray>this.formGroup.get('formArray')).at(index).get('arrayControl').patchValue(1, { onlySelf: true, emitEvent: false });
}
And I call createForm() in the constructor:
constructor(
public fb: FormBuilder,
public navCtrl: NavController) {
this.createForm();
}
Here is the html script:
<ion-header>
<ion-navbar>
<ion-title>Home</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<div [formGroup]="formGroup" *ngIf="formGroup">
<ion-slides slidesPerView="2">
<ion-slide formArrayName="formArray" *ngFor="let array of dummyData; let i=index">
<ion-item [formGroupName]="i">
<ion-select formControlName="arrayControl" (ionChange)="change(array, i)">
<ion-option *ngFor="let list of data" [value]="list.id">{{list.name}}</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>{{array.population}}</ion-label>
</ion-item>
<ion-item>
<ion-label>{{array.id}}</ion-label>
</ion-item>
</ion-slide>
</ion-slides>
</div>
</ion-content>
I need to sometimes to reset the whole form, so on reset, all ion-select values are set to their initial values, so the api call is ran again which I don’t need in this case as the initial data are saved in an array on client side.
↧
↧
Deploying code from visual studio code to iPhone
Thank you I managed to deploy the app
↧
Ion-input number variable dirty checking
Hi,
I am facing a strange problem and I am kinda new to Ionic.
I am using Ionic 4 with Angular 7 with the form template, and the information of the system as follows:
Ionic:
Ionic CLI : 5.1.0
Ionic Framework : @ionic/angular 4.6.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1
Utility:
cordova-res : 0.5.1
native-run : 0.2.7
System:
NodeJS : v10.16.0
npm : 6.9.0
OS : Windows 10
The problem is that after loading the data from the server and assign to a local object, the form control for the number variable becomes dirty but the control for the string variable is not. The correct behaviour is not to mark any control as dirty unless it changed from the form.
HTML File:
model.settings.smtpServerUrl model.settings.smtpServerPort
test
Script File
export class SettingsPage implements OnInit, OnDestroy, CanComponentDeactivate {
@ViewChild(‘f’) ngForm: NgForm;
ref = new References();
ngOnInit() {
this.loadData();
}
loadData() {
const url = ‘url goes here’;
this.httpClient.get(url).subscribe(
data => {
this.ref = data;
},
response => {
console.log(response);
}
);
});
}
}
Am I missing anything?
Thanks,
↧
How to get specific attribute in a json file using typescript?
i want to pass only the values from address attribute from json file to geocode parameter.
Get Data from Provider
this.serverservice.getData().subscribe(data =>{
this.datasource.source = data.json();
});
JSON
([
{
"id": 1,
"name": "Laura",
"address": "philippines",
"age": 47
},
{
"id": 2,
"name": "Walter",
"address": "china",
"age": 37
}
Where I would like to pass the address attribute as a parameter of geocode function
geocode_func(geocoder, address){
geocoder.geocode({address:this.datasource.source},(results,status) =>{this.rescall(results,status)} );
}
↧