Чтобы динамически изменять текст кнопки в Angular 6, вы можете использовать несколько методов. Вот некоторые из них:

1. Интерполяция: Angular предоставляет синтаксис привязки данных, который позволяет динамически обновлять текст кнопки на основе переменной. Вы можете привязать текст кнопки к свойству компонента и обновлять это свойство по мере необходимости. Например:

   <button>{{ buttonText }}</button>

   В классе компонента вы можете определить свойство buttonTextи динамически обновлять его:

   buttonText: string = 'Initial Text';
   // Update the button text dynamically
   updateButtonText() {
    this.buttonText = 'New Text';
   }

2. Привязка свойств. Другой способ динамического изменения текста кнопки — использование привязки свойств. Вы можете привязать свойство innerTextэлемента кнопки к свойству компонента. Вот пример:

   <button [innerText]="buttonText"></button>

   В классе компонента определите свойство buttonTextи обновите его динамически:

   buttonText: string = 'Initial Text';
   // Update the button text dynamically
   updateButtonText() {
    this.buttonText = 'New Text';
   }

3. ViewChild: вы также можете использовать декоратор ViewChild, чтобы получить ссылку на элемент кнопки в вашем компоненте, а затем напрямую обновить его текст. Вот пример:

   <button #myButton>Initial Text</button>

   В классе компонента используйте декоратор ViewChild, чтобы получить ссылку на элемент кнопки:

   import { Component, ViewChild, ElementRef } from '@angular/core';
   @Component({
    // Component configuration
   })
   export class MyComponent {
    @ViewChild('myButton') buttonRef: ElementRef;
    // Update the button text dynamically
    updateButtonText() {
      this.buttonRef.nativeElement.innerText = 'New Text';
    }
   }

Вот некоторые из методов, которые вы можете использовать для динамического изменения текста кнопки в Angular 6. Не забудьте выбрать метод, который лучше всего подходит для вашего конкретного случая использования.