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

Question

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

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

应用程序/模板/application.hbs

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

应用程序/组件/用户卡.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.js

Answer 1

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

应用程序/组件/用户卡.hbs

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