how to append url with parameter in angular 2 type script?

Question

I have a problem regarding appending url params dynamically in angular 2. The angular 1 uses $location.search to add query params in the url. How could i achieve the same in Angular 2 ?

//Api call to submit product details
submit_product() {
                let model = new AddProductModel(this.post_dict.name, this.post_dict.slug, 'N', 0, this.post_dict.display_sitewide, this.post_dict.display_in_party, JSON.parse(localStorage.getItem('bundled')), 'N', parseInt(JSON.parse(localStorage.getItem('categories'))));
                this
                        .product
                        .addProduct(model)
                        .then(productObj => {
                                if (productObj) {
                                        localStorage.removeItem('categories');
                                        // Here i wish to set the object id as the URL parameter;
                                        this.successMessage = 'Product Information added Successfully';
                                        this.timeoutMethod(true);
                                }
                        })
                        .catch(error => {
                                this.errorMessage = error.error.message;
                                this.timeoutMethod(false);
                        })

        }

Any help would be really appreciated!! Thankss a tonnn.

Use this._router.navigate(['/booking',{ id: 'keeping'}]) where /booking is path and {id: 'keeping;} is the id that you wish to pass — Smit
– Smit, Commented Feb 27, 2017 at 17:26
How is the code you provided even related to your question? I see no url there anywhere? And url with parameter, do you mean a http call or routing? :) — AVJT82
– AVJT82, Commented Feb 27, 2017 at 21:16
Hope that helped @AbhijeetChakravorty I have added that as a answer, if you require any more help, let me know. — Smit
– Smit, Commented Mar 1, 2017 at 16:58

Smit · Accepted Answer · 2017-03-01 16:58:23Z

1

In .ts

Use this._router.navigate(['/booking',{ id: 'keeping'}]) where /booking is path and {id: 'keeping;}

In .html

Use [routerLink]="['/booking',{ service: 'keeping'}]" where /booking is path and {id: 'keeping;}

<a [routerLink]="['/booking',{ service: 'keeping'}]">Book</a>

Hope this helps.

answered Mar 1, 2017 at 16:58

Smit

2,1484 gold badges20 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to append url with parameter in angular 2 type script?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related