为模板中的变量赋值 - Angular7

Question

有两个切换按钮（编辑和提交），哪个按钮应该像点击时切换显示/隐藏样式一样工作

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

我需要 showEditBtn变量应该是true默认值而不触及脚本文件

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

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

堆叠闪电战示例

Answer 1

想通了。这有点像黑客。但工作完美

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