0

林:角:追加查詢參數以此來URL

import { HttpParams } from '@angular/common/http'; 
let params = new HttpParams(); 
    params.append('newOrdNum','123'); 

但是這不工作,我不URL中添加PARAM。任何建議?

+0

你想要像https://example.com/newordnum/123這樣的參數? –

+1

可能的重複[爲什麼HttpParams不能在多角度4.3的多行中工作](https://stackoverflow.com/questions/45459532/why-httpparams-doesnt-work-in-multiple-line-in-angular-4 -3) –

+0

我想追加現有的參數。我有這樣的東西:example.com?param1=111現在我想追加到example.com?param1=111&newOrdNum=123 – None

回答

2

這可以通過使用Router類歸檔:

使用組件:

import { Router, ActivatedRoute } from '@angular/router'; 

@Component({}) 
export class FooComponent { 
    constructor(
    private _route: ActivatedRoute, 
    private _router: Router 
    ){} 

    navigateToFoo(){ 
    // changes the route without moving from the current view or 
    // triggering a navigation event 
    this._router.navigate([], { 
     relativeTo: this._route 
     queryParams: { 
     newOrdNum: '123' 
     }, 
     queryParamsHandling: 'merge', 
     // preserve the existing query params in the route 
     skipLocationChange: true 
     // do not trigger navigation 
    }); 
    } 
} 

欲瞭解更多信息檢查this book和角Router API

0

您應該使用Router模塊。檢查這個文檔:https://angular.io/guide/router

您需要導入這些模塊: import { Router, ActivatedRoute, ParamMap } from '@angular/router';

+0

如何只附加在現有的路由器?不寫路徑 – None

+0

@None:正在使用'Router' –

+0

@None:請閱讀這個文檔請:https://angular.io/api/common/http/HttpParams –