nativescript angular dynamic navigation
//in the app-routing.module.ts
const routes: Routes = [
{ path: "", component: HomeComponent },
{ path: "path1", component: OtherComponent },
{ path: "path2",
children: [
{ path: ":data", component: AnotherComponent }
]
}
]
//then you can pass anything in the component.html like this:
<Button text="Pass data" nsRouterLink="/path2/<your-data>"></Button>
//and get it like this in the another-component.ts:
constructor(private activatedRoute: ActivatedRoute) { }
ngOnInit(): void {
this.pageRoute.activatedRoute.subscribe(
activatedRoute => {
activatedRoute.paramMap.subscribe(
paramMap => {
this.data = paramMap.get('data');
},
err => console.log(err)
);
}
);
}
);
}
Are there any code examples left?
New code examples in category TypeScript
-
TypeScript 2022-03-27 19:30:45 typescript promise
-
TypeScript 2022-03-27 17:25:44 how to search for imports in vscode
-
TypeScript 2022-03-27 17:15:20 angular formgroup mark as touched
-
TypeScript 2022-03-27 17:05:06 use of slice and splice add elements array
-
TypeScript 2022-03-27 16:50:23 android studio loop through all objects in layout
-
TypeScript 2022-03-27 14:35:08 wergensherts meaning
-
TypeScript 2022-03-27 13:50:15 remove all the elements from a numpy array python
-
TypeScript 2022-03-27 12:35:49 redux toolkit typescript install
-
TypeScript 2022-03-27 12:35:30 laravel middleware for apis