ember.js - 如何从 emberjs 循环创建外部链接？

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.

但是，链接是这样创建的：

localhost:8080/myapp/colors/%3Cscript%20id='metamorph-33-start'%20type='text/x-placeholder'%3E%3C/script%3E56%3Cscript%20id='metamorph-33-end' %20type='text/x-placeholder'%3E%3C/script%3E/shades

Answer 1

您应该为 {{#each}} 集合视图实现一个 itemController。在该 itemController 中，您可以使用计算属性将 url 生成为

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

这是一个样品箱

希望能帮助到你

Answer 2

你应该用{{bindAttr href="url"}}这个。url是生成url的方法