I have a straightforward routing setup like the following:
import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{
path: 'scenario',
loadChildren: () => import('./pages/scenarios/scenario/scenario.module').then( m => m.ScenarioPageModule)
}
]
@NgModule({
imports: [
RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
],
exports: [RouterModule]
})
export class AppRoutingModule { }
Then in app.component.ts
export class AppComponent {
{
this.initializeApp();
}
initializeApp() {
//Get urlParameter
this.getParameter()
if(this.source == "kiosk"){
//go to route
this.navController.navigateRoot('scenario');
}
}
getParameter() {
if (document.URL.indexOf("?") > 0) {
let splitURL = document.URL.split("?");
let splitParams = splitURL[1].split("&");
let i: any;
for (i in splitParams){
let singleURLParam = splitParams[i].split('=');
console.log(singleURLParam[1])
if (singleURLParam[0] == "utm_source"){
this.source = singleURLParam[1];
}
}
}
}
}
As shown, I extract the URL parameter and redirect to the scenario page if it equals "kiosk". It works fine when running on localhost with a URL like
http://localhost:8100/scenario/?utm_source=kioskmyapp.company.com/scenario/?utm_source=kioskAny assistance would be greatly appreciated, thank you