如何在 Angular-4 中的 md-progress-spinner 中设置文本

在 Angular-4 中，我像这样设置进度旋转器

 <md-progress-spinner [color]="color" [mode]="mode" [value]="value" aria-label="Rating">Rating</md-progress-spinner>

以及 ts 中的值：

  color = 'warn';
  mode = 'determinate';
  value = 50;
  showText='Rating';

但我想在进度条内设置一些文本，我尝试使用 Angular-2 方法，但它在 Angular-4 中不起作用任何人都可以告诉我它在 Angular-4 中是如何完成的

Angular-2 方法是设置[showText]='showText'

此功能在 Material 中不可用。您需要手动创建它。您可以将<mat-progress-spinner>里面一个<div>并添加另一个<div>在其中显示文本并手动调整位置：

<div>
    <mat-progress-spinner [color]="color" 
                        [mode]="mode" 
                        [value]="value" 
                        aria-label="Rating">
    </mat-progress-spinner>
    <div style="position:relative; top: -60px; left: 30px;">Rating</div>
</div>

Link to 堆栈闪电战演示 https://stackblitz.com/edit/ng-mat-beta-12-yxxesk?file=app/app.component.html.