/Javascript/AngularJS/Angular url parameter

Angular url parameter

Angular get url param

constructor(private activatedRoute: ActivatedRoute) {
  this.activatedRoute.queryParams.subscribe(params => {
        let date = params['startdate'];
        console.log(date); // Print the parameter to the console. 
    });
}

Source: stackoverflow.com

Angular get url params

import { ActivatedRoute } from "@angular/router";

//import ActivatedRoute in constructor()
private $route: ActivatedRoute

// in ngOnInit() call
//myvar is the variable where you want to store your param
this.$route.params.forEach(param =>
	this.myvar = param['whatever your param name is']
);

Angular url parameter

// example url: details?id=2

constructor(private activatedRoute: ActivatedRoute) {
  this.activatedRoute.queryParams.subscribe(params => {
        console.log(params); // Prints {id: "2"}
    });
}

Source: stackoverflow.com

Angular set url parameters

//in your HTML code :
<a href="javascript:;" routerLink="/link/params">
  My link
</a>

// app-routing.module.ts:
//in your Routes array :
{path: '/link/:paramsName', component: MyComponent }

Similar codes

0 vote176 views1 answer
Index and id togtgher angularjs
Javascript AngularJS
0 vote149 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
-3 votes137 views5 answers
Base64 to image angular
Javascript AngularJS
0 vote148 views1 answer
Ng2 validations angular using reactiveforms
Javascript AngularJS
0 vote146 views1 answer
How can I check which version of Angular I'm using?
Javascript AngularJS
6 votes142 views4 answers
Bootstrap not working in angular
Javascript AngularJS
0 vote130 views1 answer
Fullcalendar angular add events
Javascript AngularJS
1 vote120 views1 answer
Angular read config from json
Javascript AngularJS
1 vote138 views1 answer
Angular show time ago
Javascript AngularJS
1 vote135 views2 answers
Angular img tag
Javascript AngularJS