2016-05-16 3 views
0

У меня есть страница, содержащая 15 фотографий, и я должен перенаправить пользователя на страницу сведений, если один из них щелкнут. поэтому у меня есть 15 различных маршрутов, таких как 1,2,3, ... 15. Но, как я знаю, я не могу дать динамическую переменную # link-to helper. Итак, как я собираюсь сделать все снимки по своему пути? это как мой индекс страницы .hbs выглядит следующим образом:emberJs, дающий разные маршруты ссылкам

{{#each model as |rentalUnit|}} 
    {{rental-listing rental=rentalUnit}} 
{{/each}} 
{{outlet}} 

Это, как я печатаю каждую картину. И вот как я пытаюсь перейти на маршруты:

{{#link-to "???"}}<img src={{rental.image}} width="200">{{/link-to}} 

так, есть ??? потому что я не знаю, что делать. Благодаря!

ответ

1

Ну, во-первых, почему бы не использовать динамический сегмент на вашем маршруте? Как это:

this.route('image', {path: '/images/:id'}); 

Но то, что вы хотите, может быть сделано только проездом переменную, а не строка с ссылкой на помощника как первый аргумент:

{{#link-to target}} 

Где {{цель}} напечатает название вашего маршрута. Итак, target - это переменная, а не строка.

Оформить заказ this twiddle.

+0

Здравствуйте, спасибо. Я старался точно, что он делает на twiddle, но в результате моя индексная страница становится пустой. так что вы можете рассказать мне больше о том, как использовать 'this.route (' image ', {path:'/images /: id '}); ?? Буду ли я сохранить весь свой маршрут 1,2,3,4 ... 5 кодов, а также добавить его или удалить других? должен ли я создать маршрут «изображения»? также, что я должен писать после # link-to, если я использую этот способ? Извините за много вопросов, эта проблема беспокоит меня в течение двух дней. – hbc

+0

@HandeBc вы читали [руководства] (https://guides.emberjs.com/v2.5.0/routing/specifying-a-routes-model/#toc_dynamic-models)? С динамическим сегментом у вас есть один маршрут с его шаблоном и просто используйте разные данные. Ссылка на может быть вызвана как [в документации api] (http://emberjs.com/api/classes/Ember.Templates.helpers.html#toc_supplying-a-model). Кроме того, если другая вещь не работает, пожалуйста, укажите нерабочий код или лучше, или мы не можем вам помочь. – Lux

+0

Да, я прочитал документацию, но это довольно сложно. Но я боюсь с ними, хотя. Хорошо, тогда это сводка моего крошечного проекта https://ember-twiddle.com/b35b0befae27976ada4c8f66ea2e3149?openFiles=router.js%2C прямо сейчас, каждое изображение переходит на/1 путь при нажатии. – hbc

Смежные вопросы