如何使用来自ember js的link-to传递和接收参数？

Question

我的页面上有一个客户列表（仅限名称），当我点击其中的每一个时，我想打开一个名为＆＃39; clientdetails＆＃39;我得到客户的详细信息，除了它的名字（我有一个地址和年龄）;

到目前为止我所拥有的是这样的：

{{#each model as |client|}}
    <p> {{#link-to "clientdetails"}} {{client.name}} {{/link-to}}
    </p>
  {{/each}}

我应该如何将client.address和client.age传递给clientdetails并在clientdetails页面中相应地显示它们？

谢谢。

Answer 1

看看：

https://guides.emberjs.com/v2.5.0/templates/links/

我猜您可以在route.js中创建路由以路由到您的客户详细信息：

Router.map(function() {
  this.route('clients', function(){
    this.route('clientdetails', { path: '/:client_id' });
  });
});

在template中（与您的客户详细信息相关联）：

{{#each model as |client|}}
    <p> {{#link-to "clientdetails" client}} {{client.name}} {{/link-to}}
    </p>
 {{/each}}

最后，创建一个模板clientdetails，您可以在其中显示客户详细信息：

<p>{{model.name}}</p>
<p>{{model.address}}</p>
<p>{{model.age}}</p>

希望它有所帮助，