Hi @Sujan12 . I used your github code to display contact list. But unfortunately I am getting the error. Instead of the images. This is the code:
.ts file:
..html file:
.
And I am facing this error while getting images:
And it displays only names and numbers.
Please help me?
Works for iOS, but fails in Android with replacing AM / PM with …
Here’s the code that works for iOS
<ion-datetime #datePicker
text-center
(ionChange)="dateChanged($event)"
displayFormat="hh:mm A"
minuteValues="0,10,20,30,40,50"
[(ngModel)]="time"
(ionCancel)="navCtrl.pop()"
>
on iOS the above code allows the user to scroll through and select either AM / PM
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.9.2
ionic (Ionic CLI) : 3.9.2
global packages:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
local packages:
@ionic/app-scripts : 3.2.0
Cordova Platforms : android 8.0.0 browser 6.0.0 ios 5.0.1
Ionic Framework : ionic-angular 3.9.2
System:
Android SDK Tools : 26.1.1
ios-deploy : 1.9.4
ios-sim : 8.0.1
Node : v10.15.3
npm : 6.4.1
OS : macOS
Xcode : Xcode 10.2.1 Build version 10E1001Hi @VictorNorman,
Did you mean something like this?
Service
loader:HTMLIonLoadingElement;
constructor(private loadingController: LoadingController) { }
async presentLoader(options: any = {}) {
this.loader = await this.loadingController.create(options);
await this.loader.present();
}
async dismissLoader() {
await this.loader.dismiss()
.then(()=>{
this.loader = null;
})
.catch(e => console.log(e));
}
Controller:
this.service.presentLoader() and this.service.dismissloader() from the page. Is it?
Thats when I ended up with the issue mentioned in the title of this question. Please correct me if I am going wrong somewhere.
How to Create N Details Page.
Here is My Json Structure
"categories":[{"name":"category","child-categories":"[{"name":"child_category","child-categories":"[{},{},{}]"},{},{}]",}]
In Ionic 4, I created a Category Page.If it has child_categories, it dig down to self with that data.
category.page.ts
openCategories(category){
let temp_breadcrumbs:any;
temp_breadcrumbs=JSON.parse(JSON.stringify(this.breadcrumbs));
temp_breadcrumbs.push(category.name)
let navigationExtras: NavigationExtras = {
queryParams:{‘name’ : category.name},
queryParamsHandling: ‘merge’ ,
state:{
‘categories’: category.child_categories,
‘breadcrumbs’:temp_breadcrumbs
}
};
//this.navCtrl.navigateForward([“tabs/tab1/child-category”],navigationExtras); I Tried This Also.
this.router.navigate([“tabs/tab1/category”],navigationExtras).then(val=>{console.log(val)},
rej=>{console.log(rej)}).catch(val=>{
console.log(val);
});
I don’t know why ionic 4 not open self as new page with navigation extras…
What is the difference between native-run and cordova run??
fix:
platform.ready().then(() =>
{
platform.resume.subscribe ( (e) => {
this.ngOnInit();
});
});
thanks,
vignesh
Hello @KsspAm43
IMPORT
import { Router } from '@angular/router';
CONSTRUCTOR
constructor(private router: Router) { }
TO SEND DATA TO DETAIL PAGE:
this.router.navigate(['/detail', {
post: JSON.stringify(yourObject)
}]);
IMPORT
import { ActivatedRoute } from '@angular/router';
CONSTRUCTOR
constructor(private activatedRoute: ActivatedRoute) {
this.post = JSON.parse( this.activatedRoute.snapshot.paramMap.get('post') );
}
I am getting this error after updating ionic to 5 and npm i -g native-run
Before everything was fine, after this update getting error like this
ng:///AppModule/AppComponent_Host.ngfactory.js:5 ERROR Error: StaticInjectorError(AppModule)[IonRouterOutlet -> ChangeDetectorRef]:
StaticInjectorError(Platform: core)[IonRouterOutlet -> ChangeDetectorRef]:
NullInjectorError: No provider for ChangeDetectorRef!
at NullInjector.push…/node_modules/@angular/core/fesm5/core.js.NullInjector.get
Did you check console in the inspector? Maybe there’s an error.
okay i will try…Thanks For Fast Reply
Hi,
SocialSharing plugin crashes during ionic serve despite it is added in the app.module providers array and injected on my screen’s constructor. Error message is below
index.js:413 Uncaught TypeError: Object(…) is not a function
at index.js:413
at Module…/node_modules/@ionic-native/social-sharing/index.js (index.js:590)
at webpack_require (bootstrap:83)
at Module…/src/app/app.module.ts (app.component.ts:11)
at webpack_require (bootstrap:83)
at Module…/src/main.ts (main.ts:1)
at webpack_require (bootstrap:83)
at Object.0 (main.ts:12)
at webpack_require (bootstrap:83)
at checkDeferredModules (bootstrap:45)
and the version info is
ionic info
Ionic:
Ionic CLI : 5.0.0 (C:\Users\xxxxx\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.5.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
Cordova:
Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : none
Cordova Plugins : no whitelisted plugins (1 plugins total)
Utility:
cordova-res : not installed
native-run : not installed
System:
Android SDK Tools : 26.1.1 (C:\Users\xxxxx\AppData\Local\Android\Sdk)
NodeJS : v10.15.0 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10
Thanks in advsnce
I want to display a list of options when a file is gotten by using a type file native input element. The list of options that I usually got when I programming for web is: camera, video, recorder and device directories & files.
This way:
It expects that, by using the same code of web the behavior will be the same:
<input type="file" capture />
Example: http://jsfiddle.net/4WHw5/3/show
Open it in a android device
It displays just a device directories and files.
Ionic CLI : 5.0.3 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.5.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
<input type="file" capture />
Yes. They have a free forms component on github.
Hi Rodolphe
Thanks for the reply, sorry that was my mistake for not pasting the closing tag in.
It’s working! but it’s not a good way.Looks URL Below! Did you know any other idea!
Anyway Thank you!..Have a Great Day…
If you want clean and beautiful URL:
yes i checked but there is no any error
its running perfect in the browser too
Same Problem help me on this
Okay Good Idea. Also Got Tutorial For this Routing…