javascript - 动态路由代码不执行任何操作

标签 javascript ember.js ember-cli

为了更清楚,这是我的想法:

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/

相关文章:

ember.js - Vagrant、Ember-cli、Windows 8.1、Ubuntu。 Livereload 不起作用!当我从 Windows 保存时它没有检测到更改

node.js - 接下来的步骤来查找构建过程中 Ember-CLI/Broccoli 插件错误的原因

c# - 网络应用程序上的计时器

PHP删除之前的循环数据

javascript - 如何创建 EmberJS 应用程序并将其粘贴到 Chrome 中

javascript - 在 emberjs 中绑定(bind) subview 和集合

javascript - 如何为 ember js 属性同时拥有观察者和 init

git - 由于 Ember 2.* 在创建新项目时使用 Git,我该如何为我的 Web 应用程序开发创建我自己的 Git 存储库?

javascript - 如何在多个 Google 表格中使用多个 OnEdit 函数

javascript - Javascript、倒计时、链接删除