Question

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

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

Answer 1

您可以在点击“修改”按钮时切换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>

AngularJs在两个按钮之间切换

1 个答案: