如何使用link-to从ember js传递和接收参数

how to pass and receive a parameter using link-to from ember js?

本文关键字：参数 js 何使用 link-to ember      更新时间：2023-09-26

我的页面上有一个客户列表(只有名字)，当我点击每个客户时，我想打开一个名为'clientdetails'的新页面，在这个页面中，除了客户的名字(我有地址和年龄)之外，我还可以获得客户的详细信息;

目前我得到的是这样的:

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

我应该如何通过客户端。地址和客户。添加到客户详细信息并在客户详细信息页面中相应地显示它们?

谢谢。

看一下:

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>

希望有帮助，

相关文章：