javascript - 为模板中的变量分配值-Angular7

有两个切换按钮(编辑和提交)，单击时该按钮应类似于切换显示/隐藏样式

<button (click)="showEditBtn = false;" *ngIf="showEditBtn;"> Edit</button>
<button (click)="showEditBtn =  true;" *ngIf="!showEditBtn;">Submit</button>

我需要showEditBtn变量，默认情况下应为true，而无需触摸脚本文件

是否可以为模板中的变量分配值，如以下示例所示？

<div> {{  let showEditBtn = true  }}  </div>

stackblitz example

最佳答案

找出。 有点hack 。但是效果很好

<div *ngIf="true; let showEditBtn">
    <div> {{ showEditBtn }} </div>
    <button (click)="showEditBtn = false" *ngIf="showEditBtn"> Edit</button>
    <button (click)="showEditBtn = true" *ngIf="!showEditBtn">Submit</button>
</div>