각도 모양으로 여러 개의 버튼을 사용하는 올바른 방법

Question

나는에서 angular forms을 작성 중이며 1 버튼으로 잘 작동합니다. 하지만 2 개의 버튼이 필요할 때 처리하기가 어렵습니다.

1 버튼 reset과 1 버튼 submit을 갖고 싶습니다. reset은 submit 앞에 있어야합니다.

<form (ngSubmit)="submit()" [formGroup]="form"> 
    //inputs... 
    <button type="submit" (click)="reset($event)">reset</button> 
    <button type="submit">submit</button> 
</form> 

제가 하나 개의 입력에 enter을 누르면

상기 form 화재 submit() reset($event) 및 기능 둘 다 : 여기서 템플릿이다. reset 버튼을 클릭 할 때도 마찬가지입니다. 내 기대는 다음과 같습니다

• 있을 때이 버튼을 누르면 enter 또는 submit 버튼, 나는 산책을 찾을 수 있습니다
  
  

형태 만 불 submit() 기능

클릭 reset 버튼 형태 만 불 reset() 기능을 클릭합니다 주변에 reset 버튼 앞에 숨겨진 버튼을 추가하고 을 reset() 함수로 호출하십시오. 그러나 추한 것입니다. 그것을 할 수있는 깨끗한 방법이 있습니까? 어떤 도움을 주시면 감사하겠습니다. 많은 감사합니다!

Answer 1

재설정 버튼의 type을 submit이 아니라 button으로 설정해야합니다.

이

<form (ngSubmit)="submit()" [formGroup]="form"> 
    //inputs... 
    <button type="button" (click)="reset($event)">reset</button> 
    <button type="submit">submit</button> 
</form>