Как изменить название кнопки при нажатии на нее?

Question

[goodfornothing]

Всем привет.Есть кнопка,как сделать так,чтобы при нажатии на кнопку менялось ее имя? Например: было "Редактировать",нажали,стало "Сохранить".Заранее спасибо за ответ.

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

Answer 1

[AlexanZem]

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

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

Answer 2

[twobomb]

Для всех кнопок.

<button pButton type="button" data-secondname="Сохранить" style="width:auto">Редактировать</button>

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)
})

Comments

[cha-cha]

В тегах: ангуляр, тс, а тут такое извращение =)