车把 linkTo 呈现空链接

Question

我遇到了一个奇怪的情况，使用 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 用作链接时，我该如何解决这个问题？

Answer 1

表中应仅包含 <tr> 字段，<tr> 字段中应仅包含 <td> 字段。您正在尝试在表格行之外添加一个 ember 标记（和一个锚点），这不应该在表格中完成。

如果您希望在单击表格时完成某些操作，请向该行添加一个操作。像下面这样的东西应该可以工作。

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

details 当然会成为相应控制器中的一个函数，您可以从该函数转换到任何您喜欢的位置。