How can I change the name of a button when it is clicked?

Question

Angular

Hello everyone. There is a button, how to make it so that when you click on the button, its name changes? For example: it was "Edit", clicked, it became "Save". Thanks in advance for your answer.

<button pButton type="button" label="Редактировать" style="width:auto"></button>

Answer 1

<button #button (click)="changeButton(button)">Редактировать</button>

changeButton(button) {
    button.innerText = "Сохранить";
  }

Answer 2

For all buttons.

document.querySelectorAll("button").forEach(function(el){
  	el.addEventListener("click",function(){
      if(!this.dataset.secondname)
        return;
       var tmp = this.innerHTML;
       this.innerHTML = this.dataset.secondname;
       this.dataset.secondname = tmp;
    },false)
})