为了更清楚,这是我的想法:
https://ember-twiddle.com/1454b9f4a64c197879d13f756401e561?openFiles=router.js%2C
我正在尝试创建一条动态路线。当我单击图片时,它应该转到具有不同 URL 和不同内容的详细信息页面。就像,当我单击第一张图片时,它应该转到 localhost:4200/pic/1 或 localhost:4200/1。
我正在尝试动态化 URL,但到目前为止还做不到,当我单击图片时它什么也不做。我做错了什么?
此外,一开始我为每张图片创建了路线和模板,但随着数据的增加,这是不可能的。我该如何处理这个问题?
最佳答案
我的工作方式是:
- 不使用 Ember-data...我不知道如何在 Ember Twiddle 中实现这一点。我只是使用了一个简单的对象数组。
- 我将模型传递给
link-to
中的路由
以下是模板的外观,其中 pic
模型传递到 link-to
中的路由:
{{outlet}}
{{#each model as |pic|}}
<div>{{#link-to "pic" pic}}
<img src={{pic.image}} width="300">
{{/link-to}}</div>
{{/each}}
在这里查看我的工作:https://ember-twiddle.com/4b2b6467199622ae740259622c76ba9b
关于javascript - 动态路由代码不执行任何操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37350321/