Angular 根据对象ID显示对象属性的步骤

Angular 根据对象ID显示对象属性的步骤,angular,typescript,angular6,Angular,Typescript,Angular6,我有一个名为list的组件,我将在其中显示我的所有客户列表,如下图所示: 选择特定客户,我将发出该客户id,并在另一个名为display的组件中显示该id: 不显示客户id,我如何显示该id的属性ex name,电子邮件如下: 不要只传递ID,而是像这样传递单击时的完整对象事件- (click)="selected($event, customer)" {{CustId?.id}} {{CustId?.name}} 然后像这样展示你想展示的东西- (click)="selected($eve

我有一个名为list的组件,我将在其中显示我的所有客户列表,如下图所示:

选择特定客户,我将发出该客户id,并在另一个名为display的组件中显示该id:

不显示客户id,我如何显示该id的属性ex name,电子邮件如下:


不要只传递ID,而是像这样传递单击时的完整对象事件-

(click)="selected($event, customer)"
{{CustId?.id}} {{CustId?.name}}
然后像这样展示你想展示的东西-

(click)="selected($event, customer)"
{{CustId?.id}} {{CustId?.name}}

不要只传递ID,而是像这样传递单击时的完整对象事件-

(click)="selected($event, customer)"
{{CustId?.id}} {{CustId?.name}}
然后像这样展示你想展示的东西-

(click)="selected($event, customer)"
{{CustId?.id}} {{CustId?.name}}

您似乎正在使用“角度材质”,下面的示例显示了如何在下拉列表中为选项显示所需的属性,以及在下拉列表之外为选定值显示所需的属性。 它使用mat select上的值绑定将所选客户绑定到所选客户:


您似乎正在使用“角度材质”,下面的示例显示了如何在下拉列表中为选项显示所需的属性,以及在下拉列表之外为选定值显示所需的属性。 它使用mat select上的值绑定将所选客户绑定到所选客户:


我希望功能只传递id。而不是传递你可以根据要求只使用id,不是吗?是的,只使用id我应该显示属性。这背后有什么具体的原因吗?如果我传递完整的对象,我如何才能从对象获得唯一的id??因为我想在一个组件中使用完整的对象,在另一个组件中使用唯一的id。我想在功能上使用唯一的id。而不是根据需要使用唯一的id,不是吗?是的,仅使用id我应该显示属性。这背后有什么具体原因吗?如果我传递完整的对象,我如何从该对象获取唯一id??因为我希望一个组件中有完整的对象,而另一个组件中只有id。我在stackblitz上添加了分叉解决方案,我知道我可以发射整个对象,如果我在某个组件中发射整个对象,我只想订阅id,如何通过在显示组件中发出完整对象来订阅id。@Parami在stackblitz上添加了分叉解决方案我知道我可以发出整个对象,如果我在某个组件中发出整个对象,我只想订阅id,如何通过在显示组件中发出完整对象来订阅id。@参数我知道我可以发出整个对象,如果我在某个组件中发出整个对象,我只想订阅id,如何通过在显示组件中发出完整对象来订阅id。我知道我可以发出整个对象,如果我在某个组件中发射整个对象,我只想订阅id,那么如何通过在显示组件中发射完整对象来订阅id。