Handlebars linkTo呈现空链接

时间:2013-06-12 13:58:37

标签: ember.js handlebars.js

我使用Ember和Handlebars来处理一个奇怪的情况。我有一张记录表。用户应该单击任何记录并重定向到项目详细信息 - 这是一个非常常见的用例。

但是,Ember无法正确呈现链接。当我通过linkTo标记只包装一个单词或元素时它可以工作,但是当我整个表行时它不起作用。

{{#each item in controller.content}}
    {{#linkTo "detail" item}}
        <tr>
            this is part of the link, correctly
            <td>and this is not</td>
            <td>{{item.someInfo}}</td> <!-- this neither -->
        </tr>
    {{/linkTo}}
{{/each}}

如果我希望整个tr作为链接工作,我该如何解决这个问题?

1 个答案:

答案 0 :(得分:5)

表格中只应包含<tr>个字段,而<tr>字段中只应包含<td>个字段。您正在尝试在表格行外添加一个ember标记(和一个锚点),这不应该在表格中完成。

如果您想在单击表格时完成某项操作,请向该行添加操作。以下内容应该有效。

<tr {{action 'details' on="click"}}>

details当然是相应控制器中的一个功能,您可以从中转移到任何您喜欢的地方。