angular - 如何在 angular 9 中向 添加动态值？

Question

我正在尝试在 Angular 9 中显示只读评论页面，其中所有输入都以先前完成的表单给出。如果我想使用 mat-label，如何使用 ngModel ？
例如。，
用户名:ABC；
电子邮件 ID:abc@abc.com
“ABC”和“abc@abc.com”应该从之前填写的表格中获取。我怎样才能做到这一点？谢谢是提前!

Answer 1

我建议您做的是对您的输入使用双向绑定(bind)，因为它们只是只读的。
例如
第一步:
.ts

private email:string;

.html

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

第二个只读步骤。如果它们在同一个组件中，只需使用变量绑定(bind)
.html(相同的 .ts)

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

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