Angularjs在两个按钮之间切换



我正在尝试使用两个按钮编辑&提交。提交最初是禁用的。我需要实现的是,当单击"编辑"时,应启用提交按钮,并禁用编辑。到目前为止,这是我的代码:

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

最新更新