So bedienen Sie Angular5-Routing-Parameter

Dieses Mal zeige ich Ihnen, wie Sie Angular5Routing zum Übergeben von Parametern verwenden und welche Vorsichtsmaßnahmen beim Betrieb von Angular5-Routing zum Übergeben von Parametern gelten. Das Folgende ist ein praktischer Fall: Werfen wir einen Blick darauf.

1. Die Parameter nach dem Fragezeichen, der Weg, um die Parameter zu erhalten: ActivatedRoute.queryParams[id]

Zum Beispiel: /product?id=1&name= iphone kann auch sein: [ routerLink]= "['/books']" [ queryParams]= "{bookname:'《《生》'}

Code: html

<h4>Messages</h4>
<p>Total:{{msgs.total}}</p>
<p *ngFor="let item of msgs.data">
 <b>{{item.name}}</b>:
 <a [routerLink]="[&#39;/next&#39;,item.id]" [queryParams]="{id:item.id, msg:item.msg, name:item.name}">{{item.msg}}</a>
 <a routerLink="/final">Reply</a><p></p>
</p>

Get Parameter js

ngOnInit() {
 let obj = this.route.queryParams["_value"];
 console.log(obj);
}

2. Doppelpunktform,

Zum Beispiel: path:/product/:id

So erhalten Sie Parameter: ActivatedRoute.params[ id]

Der erste Routelink im obigen HTML-Code ist

Außerdem muss das Routing konfiguriert werden

{
 path:'listDetail/:id',
 component:ListDetailComponent
 }

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall gelesen haben Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Wie man JS zur Implementierung von Transparenzverlaufsanimationen verwendet

So verwenden Sie jQuery zum Durchlaufen von XML-Knoten und -Attributen

Das obige ist der detaillierte Inhalt vonSo bedienen Sie Angular5-Routing-Parameter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!