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

Question

我试图在Angular 9中显示一个只读评论页面，所有输入均以先前完成的形式提供。如果我想使用mat-label，如何使用ngModel？

例如，

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

“ ABC”和“ abc@abc.com”应从先前填写的表格中获取。我该如何实现？谢谢，谢谢！

Answer 1

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

例如

第一步：

.ts

private email:string;

.html

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

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

.html（相同的.ts）

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

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