如何在角度 9 中向 <mat-label> 添加动态值？

【问题标题】：How to add dynamic values to the <mat-label> in angular 9?如何在角度 9 中向 <mat-label> 添加动态值？
【发布时间】：2020-07-15 17:13:16
【问题描述】：

我正在尝试在 Angular 9 中显示一个只读评论页面，其中所有输入都以之前完成的形式给出。如果我想使用 mat-label，如何使用 ngModel ？

例如，

用户名：ABC；电子邮件 ID：abc@abc.com

“ABC”和“abc@abc.com”应该从之前填写的表格中获取。我怎样才能做到这一点？谢谢提前！

【问题讨论】：

【解决方案1】：

我建议您对输入使用双向绑定，因为它们是只读的。

例如

第一步：

.ts

private email:string;

.html

<input [(ngModel)]="email"/>

第二个只读步骤。如果它们在同一个组件中，只需使用变量绑定

.html（相同的.ts）

<mat-label>{{email}}</mat-label>

如果两个页面不在同一个组件中，那么您可以使用服务将变量突出显示为服务，然后您可以从两个组件访问它的值

【讨论】：