PagerJS page-href params가있는 페이지에 대한 링크

Question

간단한 paging/history url 탐색을 가능하게하기 위해 knockoutjs와 함께 PagerJS를 사용합니다.

<div data-bind="page: {id: 'search', params: ['text', 'year']}"> 
</div 

텍스트와 올해 뷰 모델이 observerables 있습니다 :

PagerJS는 내가 좋아하는 그런 페이지를 정의 =

2013 #search 텍스트 = testtext 같은 PARAMS & 년을 지원합니다. # url을 #search로 설정하면 작동합니다. text = testtext & year = 2013 텍스트는 testtext이고 연도는 2013이며 페이지 검색이 표시됩니다.

하지만 이제 특정 매개 변수가있는이 페이지에 대한 간단한 링크가 필요합니다.

<a data-bind="page-href: 'search'"></a> 

이 줄은 (매개 변수없이) #search에 대한 링크를 만들지 만 특정 매개 변수가있는 검색 페이지에 대한 링크를 원합니다. 이것을 할 수있는 방법이 있습니까?

Answer 1

솔루션은 작동하지만 링크가 매우 고정적입니다. 매개 변수를 조작하거나 관찰 변수와 연결하기가 어렵습니다.

pager.js 프레임 워크는 지난 주에 기능을 확장했으며 확장 된 구조화 된 page-href 구문에서 params와 링크를 만들 수 있습니다.

아래 예나 여기 Demo을 참조하십시오. 당신의 도움에 대한

<a class="btn" data-bind="page-href: {path: 'user', params: {first: 'Philip', last: 'Fry'}}">Send parameter to page</a> 

<div data-bind="page: {id: 'user', params: ['first','last']}" class="well-small"> 
    <div> 
    <span>First name:</span> 
    <span data-bind="text: first"></span> 
    </div> 
<div> 
    <span>Last name:</span> 
    <span data-bind="text: last"></span> 
</div> 

Answer 2

이것은 당신이 찾던 아마해야한다 : 나는 단순히 URI에 조각을 추가하고 잘 작동하는 것 같다

<a data-bind="page-href: 'search?text=foo'&year=2020"></a>

.

Example at JSFiddle.