ember.js - 车把 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当然，它将成为相应控制器中的一个功能，您可以从那里转换到您喜欢的任何地方。