首页 文章

如何在angular4中显示隐藏按钮

提问于
浏览 次
-1

我是角色的新手，所以我点击了一个编辑按钮，我需要显示两个按钮，即保存和取消按钮并隐藏编辑按钮 . 点击取消时，我只需要显示编辑按钮 . 我坚持通过角度和ngIF来切换它 .

这是我的按钮代码形式：

<button id="editBtn" type="button" data-dismiss="modal" (click)="isValid=!isValid" class="btn modal-btn btn-default" [disabled]="isValid">Edit</button>
                                <button id="submitBtn" [disabled]="!isValid" type="button" data-dismiss="modal" class="btn modal-btn btn-default"[disabled]="!isValid" >Submit</button>
                                <button id="Cancel"  type="button" (click)="isValid=!isValid" data-dismiss="modal" class="btn modal-btn btn-default" [disabled]="!isValid">Cancel</button>

早些时候我使用[禁用]，但现在我需要显示/隐藏 .

angular uibutton angular4-forms angular-forms

2 回答

  • 2

    只需更换

    [disabled]="condition"

    通过

    *ngIf="condition"
    回复于
  • 2

    在模板中

    <button (click)="enableEdit = true">Edit</button>  
<button *ngIf="enableEdit">Save</button>  
<button *ngIf="enableEdit" (click)="enableEdit=false">Cancel</button>

    在.ts文件中

    enableEdit: boolean = false;
    回复于

相关问题