sorgu paramları

Question

Uygulamamdaki uygulamasında <app-route> öğesini kullanıyorum.

URL adresindeki sorguParams'ı yakalamak istiyorum.

localhost: 8080/#/test foo = çubuk & baz = qux

yazdım kod: Yukarıdaki URL'yi kullandığınızda

<app-location id="location" route="{{route}}" use-hash-as-path></app-location> 
<app-route id="route" 
     route="{{route}}" 
     pattern="/:page" 
     data="{{routeData}}" 
     tail="{{subroute}}"></app-route> 

alıyorum

this.$.route.routeData.page = "test?foo=bar&baz=qux" 
this.$.route.queryParams = {} 

bekliyordum

this.$.route.queryParams = { 
    foo : "bar", 
    baz : "qux" 
} 

this.$.route.routeData.page = "test" 

ve

ben polimer belgelerinde örnek baktı, ama yardım etmedi. Neyi kaçırıyorum?
Yanlış bir şey mi bekliyorum? QueryParams nasıl çalışır?

Herhangi bir yardım için teşekkür ederiz. <app-location>.queryParams için

Answer 1

yapmanız cevap almak nedeni url yanlış olmasıdır. # Parçası sonunda gelir.

deneyin url

localhost: 8080/foo = çubuk & baz = qux #/test

ipucu sorgu parametreleri eklendiğini görünen sayfa parametresinde olduğu sayfa parametresine Onlar yoktu, ancak tarayıcı sadece onların karma parçası olduğunu düşünüyor ve onları window.location.hash'da geçiriyor. app-location karma parçasının ayrışmasını '/' üzerine bölerek, her şeyin bir parçası olduğunu düşünür: sayfa kalıbı.

Answer 2

Bind sorgu parametrelerini almak için: __queryParams:

<app-location route="{{route}}" query-params="{{queryParams}}"> 

Not Ayrıca <app-location>.route sorgu parametrelerini içeren bir iç özelliği vardır. Teknik olarak, bunu bir sonraki sürümde kullanılamayacak şekilde uyarmakla kullanabilirsiniz. (yani, this.route.__queryParams === this.queryParams).

codepen