我的标签上有一个带有文本“解冻”的按钮。我想在单击按钮时将其切换为“卡住”。这是代码:
<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";
}
}
由于某种原因它不起作用。当我控制台时, event.srcElement.childNodes[1].textContent
等于“Unfreeze”,但它没有进入 if 循环。
最佳答案
我不确定您为什么使用这种方法,您可以像这样有条件地切换文本 -
.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;
关于javascript - 如何在 Angular 7 中切换 <a> 标签中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58746378/