单击按钮时如何隐藏文本

如何解决单击按钮时如何隐藏文本

当用户单击任何编辑图标时，我试图隐藏此注释文本，该注释文本位于我的文本编辑器上方，但由于某种原因，它第一次隐藏，但是当用户单击相同或不同的编辑图标时，该文本再次出现。当用户随时单击任何编辑图标时，如何使该文本始终消失。

所以每次我单击任何编辑图标时，文本都会出现，消失，出现，消失。

<button mat-icon-button color="primary" matTooltip="Edit documents for this Subsection"
  (click)="editDoc(subsection)"></button>

<p *ngIf="isShown">Note: Click edit icon to start editing the documentation</p>

<ng-container  *ngIf="subsectionToEdit && !refreshEditor">
     <angular-editor [(ngModel)]="subsectionToEdit.text" [config]="editorConfig"></angular-editor> 
</ng-container>

  isShown: boolean = true ;

  editDoc(value) {
    this.selectedId = value.id
    this.subsectionToEdit = value;
    this.refreshEditor = false;
    this.isShown = !this.isShown;
  }

解决方法

这行代码只是在切换文本的可见性：

this.isShown = !this.isShown;

因此，第一次单击将其设置为false，第二次将其设置为true，第三次将其设置为false，以此类推，如！false === true和！true === false。 如果您希望每当单击编辑按钮时将其隐藏，请使用：

this.isShown = false;