사전 계산된 경로를 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}}
Reference
이 문제에 관하여(사전 계산된 경로를 Ember의 링크 도우미에 전달), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sivasu66/passing-pre-computed-routes-to-link-to-helper-in-ember-35l2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)