사전 계산된 경로를 Ember의 링크 도우미에 전달

3382 단어 ember
통사론

{{link-to routeName  dynamicSegment1 dynamicSegment2 (query-params key1=value1 key2=value2)}}

(or)

{{link-to params=linkParameters}}


설명

아래 경로가 있는 사진 응용 프로그램을 고려하십시오.

this.route('photos', function() {
  this.route('resolution', {
    path: '/:value'
  });
});


구성 요소의 컴퓨팅 링크

linkParametersVariation1: computed({
  get() {
    let resolution = get(this, 'resolution);
    return { 'routeName': 'photos/resolution', dynamicSegment: resolution, page: 1, perPage: 30 }
  }
}),

linkParametersVariation2: computed({
  get() {
    let resolution = get(this, 'resolution);
    return ['photos/resolution', resolution, { isQueryParams: true, values: { page: 1, perPage: 30 } }]
  }
})


템플릿에서 링크 사용

{{#link-to linkParametersVariation1.routName linkParametersVariation1.dynamicSegment (query-params page=linkParametersVariation1.page perPage=linkParametersVariation1.perPage)}}
  <div>variation1</div>
{{/link-to}}

{{#link-to params=linkParametersVariation2}}
  <div>variation2</div>
{{/link-to}}

좋은 웹페이지 즐겨찾기