두 단추 간 각도 전환

두 개의 단추가있는 양식을 작성하려고합니다. 편집 & 제출. 처음에는 전송이 비활성화됩니다. 달성해야 할 일은 편집 버튼을 클릭했을 때입니다. 제출 버튼을 활성화하고 편집을 비활성화해야합니다. 당신이 편집 버튼을 클릭하고 당신이 클릭 (click) 이벤트를 추가하여 제출할 때 당신이 동일한 작업을 수행 할 수있을 때두 단추 간 각도 전환

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

출처

2017-12-22 iymrahul

당신은 isValid의 가치를 전환 할 수 있습니다 : 여기에 지금까지 내 코드입니다.

출처

2017-12-22 10:43:25 Vivz

그리고 취소 버튼이있는 경우 수정 버튼을 다시 사용 설정하고 취소 및 저장을 해제해야합니다. – iymrahul

동일한 작업을 수행하십시오. 취소 버튼을 클릭 할 때 isValid를 토글하면 편집이 활성화되고 취소시 isValid도 사용됩니다. 요구 사항에 따라 isValid를 보완해야합니다 – Vivz

i 지시어와 함께 단추 표시/숨기기를 수행 할 수 있습니까? 편집> 저장 및 취소를 클릭 할 때처럼 표시됩니다. 클릭을 취소했을 때 편집 만 가능 – iymrahul

답변

관련 문제