Handlebars linkTo呈现空链接

Pav*_* S. 1 handlebars.js ember.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}}
Run Code Online (Sandbox Code Playgroud)

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

Gev*_*ous 5

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

如果您想在单击表时完成某些操作,而是向该行添加操作.像下面这样的东西应该工作.

<tr {{action 'details' on="click"}}>
Run Code Online (Sandbox Code Playgroud)

details 当然,它将成为相应控制器中的一个功能,您可以从中转移到任何您喜欢的位置.

  • 看看[api](http://emberjs.com/api/classes/Ember.Controller.html#method_transitionToRoute).如果还有什么不清楚,请告诉我. (2认同)