如何将参数传递给 ember 组件？

Question

我还是 ember js 的新手，目前使用 ember 版本 3.2.6。

我似乎无法将参数传递给 ember 组件，我错过了什么？

app/templates/application.hbs

<UserCard
  @userName='James123'
  @firstName='James'
  @lastName='Smith'
/>
<UserCard
  @userName='Jane123'
  @firstName='Jane'
  @lastName='Smith'
/>

app/components/user-card.hbs

<br/>
<strong>User Card</strong><br/>
<label>UserName: </label>{{userName}}<br/>
<label>First Name: </label>{{firstName}}<br/>
<label>Last Name: </label>{{lastName}}<br/>

结果

Answer 1

需要使用模板中的 @ 关键字访问传递到尖括号组件的参数。

app/components/user-card.hbs

<br/>
<strong>User Card</strong><br/>
<label>UserName: </label>{{@userName}}<br/>
<label>First Name: </label>{{@firstName}}<br/>
<label>Last Name: </label>{{@lastName}}<br/>

如何将参数传递给 ember 组件？

How to pass parameters to an ember component?

ember.js