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

时间:2016-07-04 13:14:10

标签: javascript ember.js routing link-to

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

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

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

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

谢谢。

1 个答案:

答案 0 :(得分: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>

希望它有所帮助,