Angular2 양식 대신 onSubmit를 호출 다시로드()

Question

Angular2 정상적인 형태처럼 치료 및 수행되어 아무것도 : 나는 disableDeprecatedForms() 내 부트 스트랩 파일 provideForms()과의 비활성화 기능을 포함

<form (ngSubmit)="onSubmit(f.value, $event)" #f="ngForm"> 
<md-card-title>Settings</md-card-title> 
<md-card-content> 
    <p> 
    <md-input [(ngModel)]="user.username" name="username" required placeholder="Username" 
       #name="ngModel"></md-input> 
    </p> 
</md-card-content> 
<md-card-actions> 
    <button [disabled]="!f.form.valid" type="submit" md-raised-button color="accent">Save</button> 
</md-card-actions> 

버튼이 제대로 작동하지만 버튼을 클릭하면 기능이 작동하지 않지만 사이트가 다시로드됩니다 ...

Answer 1

구성 요소에 onSubmit 기능을 구현해야합니다. Component onSubmit function Soruce

Answer 2

onSubmit() 메서드로 인해 JavaScript 오류가 발생할 수 있습니다. 웹 브라우저 개발자 도구를 열고 오류를 확인하십시오. 내 경우에는 onSubmit() 메서드에서 setter없이 속성에 값을 설정하려고 했으므로 JavaScript가 실행될 때 오류가 발생하고 대신 기본 폼 작업 제출이 실행되어 페이지가 새로 고쳐집니다.