Cách chuyển đổi văn bản trong thẻ <a> ở góc 7

Tôi có một nút trên thẻ với dòng chữ "Unreeze". Tôi muốn chuyển nó thành "Freeze" khi nhấp vào nút. Đây là mã ny:

<a class="btn btn-primary full-width" (click)="clickFreeze($event)">
                    <i class="fa fa-plus-circle"></i>Unfreeze</a>

private clickFreeze(event) {
    console.log("event.srcElement.childNodes[1].textContent", event.srcElement.childNodes[1].textContent);
    if(event.srcElement.childNodes[1].textContent =='Unfreeze'){
      event.srcElement.innerText="Freeze and Save";
    } else if(event.srcElement.innerText =='Freeze and Save'){
      event.srcElement.innerText="Unfreeze";
    }
}

Vì một số lý do, nó không hoạt động. event.srcElement.childNodes[1].textContentbằng với "Unreeze" khi tôi điều khiển nó nhưng nó không vào vòng lặp if.

Tôi không chắc tại sao bạn lại sử dụng phương pháp này, bạn chỉ cần chuyển văn bản một cách có điều kiện như thế này -

.html

<a class="btn btn-primary" (click)="isFreeze = !isFreeze">
  <i class="fa fa-plus-circle"></i>
  {{isFreeze ? "Unfreeze" : "Freeze and Save"}}
</a>

.ts

isFreeze: boolean = true;