如何更改 Angular Material File Upload 中的标签文本

【问题标题】：How to change the label text in Angular Material File Upload如何更改 Angular Material File Upload 中的标签文本
【发布时间】：2019-08-10 00:16:34
【问题描述】：

我想使用角度材料创建文件上传。我想用this 一个。我要更改的一件事是名称 Selected File(s) 他们提供此 [labelText] 属性来更改文本，但它实际上只是更改标签文本。

这是我测试的代码：

<mat-file-upload
  [labelText]="'Test'"
  [showUploadButton]="true">
</mat-file-upload>

有什么方法可以改变Selected Files(s)的文本吗？

【问题讨论】：

如果你想让 [labelText] 动态化，那么在 .ts public var1 = "xyz" 中使用变量 [labelText]="var1" &。

标签： angular

【解决方案1】：

在使用mat-file-upload 组件的component.html 上，您需要将labelText 输入绑定绑定到名为labelText 的新属性。

<mat-file-upload
  [labelText]="labelText"   
  [showUploadButton]="true">
</mat-file-upload>

在您的 component.ts 上，您需要使用 labelText 所需的文本初始化属性

labelText:string = 'Custom Text Label';

我在here 上做了一个演示。

【讨论】：