Question

我正在循环浏览模型中的几个项目。对于每个项目，我想创建一个外部链接到我的应用程序中不使用emberjs的页面。我认为这将是微不足道的，但它不像我认为的那样工作。

这就是我所拥有的：

<tbody>
   {{each model itemViewClass=App.ColorView}}
</tbody>

<script type="text/x-handlebars" id="colorTemplate">
   <tr>
                <td>{{date}}</td>
                <td><a href="/myapp/colors/{{id}}/shades">{{name}}</a></td>
    </tr>
</script>

App.ColorView = Em.View.extend({
    templateName: 'colorTemplate'
});

我认为这会创建这样的链接：

/myapp/colors/5/shades
/myapp/colors/45/shades
/myapp/colors/6/shades
...etc.

但是，链接的创建方式如下：

本地主机：8080 / MyApp的/颜色/％3Cscript％20id = '的Metamorph-33启动' ％20type = '文本/ X-占位符' ％3E％3C /脚本％3E56％3Cscript％20id ='的Metamorph-33末端 '％20type =' 文本/ X-占位符'％3E％3C /脚本％3E /色调

Answer 1

您应该将itemController实现到{{#each}}集合视图。在该itemController中，您可以使用computed属性生成URL作为

url : function () {
 return "/myapp/colors/"+this.get('id')+"/shades";
}.property()

这是Sample Bin

希望有所帮助

Answer 2

你应该使用{{bindAttr href="url"}}。 url是一种生成网址

的方法

如何从emberjs循环创建外部链接？

2 个答案: