首页 > 解决方案 > 如何在 matspinnerprogress 按钮中为 ***text: 'Save & Next',*** 添加动态值

问题描述

需要动态更改matspinnerprogress按钮中的文字,下面是我的初始状态options

spinnerButtonOptions: MatProgressButtonOptions = {
            active: false,
            text: 'Save & Next',
            spinnerSize: 25,
            raised: true,
            stroked: false,
            buttonColor: 'primary',
            spinnerColor: 'accent',
            fullWidth: false,
            disabled: false,
            mode: 'indeterminate',
          }

标签: angular

解决方案


像这样尝试,这是一个示例,您可以将其用作参考来实现您的用例

HTML

<button (click)="changeText()">Change</button>

零件

  changeText() {
    this.spinnerButtonOptions.text = "-------New text-----";
  }

推荐阅读