AngularJs在两个按钮之间切换

Posted 2021-04-18

我正在尝试创建一个带有两个按钮编辑和提交的表单。提交最初被禁用。我需要实现的是单击编辑时应启用提交按钮并禁用编辑。到目前为止，这是我的代码：

<div class="row">
    <button id="editBtn" type="button" data-dismiss="modal" (click)="submitEditedFormData()" class="btn modal-btn btn-default">Edit</button>&nbsp;&nbsp;
    <button id="submitBtn" [disabled]="!isValid" type="button" data-dismiss="modal" class="btn modal-btn btn-default">Submit</button>
</div>

答案

单击编辑按钮时可以切换isValid的值，当您通过添加(click)事件单击提交时，也可以执行相同操作。

<div class="row">
    <button id="editBtn" type="button" data-dismiss="modal" (click)="submitEditedFormData();isValid=!isValid" class="btn modal-btn btn-default" [disabled]="isValid">Edit</button>&nbsp;&nbsp;
    <button id="submitBtn" [disabled]="!isValid" type="button" data-dismiss="modal" class="btn modal-btn btn-default">Submit</button>
</div>