如何使用Angular 2中的参数进行组件渲染

Question

好吧，如果我是愚蠢的话，不要打击我。我正在研究Angular 2及其组件，指令等。我得到了基本部分，但我想进入下一个级别。举个例子，假设我有一个客户组件，它显示了客户的数据。它将用于应用程序的许多部分。所以这个愚蠢的问题：我如何将客户传递给它？我的意思是，无论它显示的是某个客户，而不是只显示客户的名字，我想要一个按钮，显示一个可扩展的div与客户数据。但它是如何完成的？

Answer 1

将参数传递给组件，您可以使用@Input

当您调用该功能时，您可以传递参数，如下所示

＆＃13;

＆＃13;

<customer-detail [customer]="parentCustomer"></customer-detail>

＆＃13;

＆＃13;

＆＃13;

并在组件控制器中接收：

export class CustomerDetailCmpt{
    @Input() customer: any;
    .
    .
    .
}