EmberJS - Как динамически генерировать ссылку с linkTo?

Question

Есть ли способ динамически генерировать ссылку с помощью вспомогательного помощника link-to путем передачи переменной с маршрутом пути?

Например, вместо жесткого кодирования путь:

{{#linkTo "route.subroute" model}}{{model.title}}{{/linkTo}} 

Я хочу, чтобы иметь возможность передать link-to помощника переменную, которая держит путь:

{{#linkTo destination model}}{{model.title}}{{/linkTo}} 

используйте этот случай, чтобы позволить мне консолидировать шаблоны, которые отличаются только этим путем. Например, если есть две коллекции, каждая из которых имеет разные адресаты. При визуализации с каждым помощником шаблоны одинаковы, за исключением пути в link-to.

Если бы я мог сохранить эту переменную в контроллере представления и передать ее, я мог бы использовать только один шаблон для обоих списков.

Я думал о построении вручную этот путь:

<a {{bindAttr href="destination"}}>{{model.title}}</a> 

Но это не имеет интеграцию с маршрутизатором, чтобы определить активное состояние, которое мне нужно.

Answer 1

Есть ли способ динамически генерировать ссылку, используя хелпер linkTo, передавая переменную с маршрутом пути?

В настоящее время нет.

Вариант использования для этого - это позволить мне консолидировать шаблоны, которые отличаются только этим путем. Например, если есть две коллекции, каждая из которых имеет разные адресаты.

Согласен, что это допустимый прецедент, я бы ожидал, что вспомогательный помощник linkTo будет поддерживать его в будущем. Между тем, так как вы получили только две коллекции вы могли бы сделать это с условными в шаблоне

{{#if isRouteOne}} 
    {{#linkTo "routeOne.subrouteOne" model}}{{model.title}}{{/linkTo}} 
{{else}} 
    {{#linkTo "routeTwo.subrouteTwo" model}}{{model.title}}{{/linkTo}} 
{{/if}} 

Answer 2

Вместо {{linkTo}}, вы можете использовать {{action}} и обрабатывать событие перехода по названию маршрута указать в destination свойства модели.

Answer 3

Существует другой очень похожий вопрос SO, в котором я answer этот вопрос. Решение возможно с использованием встроенной версии вспомогательного устройства link-to.

В этой ситуации мы имеем:

{{link-to model.title destination model}} 

Какой бы компилируется:

<a href="#/route/subroute/3856"> 
    Click me 
</a>