각도 제출 투수가 나는 다음과 같은 각 구성 요소를 만든

Question

콘솔에 데이터를 기록하지 문제는 내가 제출을 클릭하면 제출이 중단되고 양식 데이터가 console.log 'ed가 될 것이고, 지금 무슨 일이 일어나지 않았는지, 단지 내 코드의 간단한 미리보기를 제공하고 지역 변수 let f="ngForm" 그리고 제출시이 변수를 제출자에게 전달 중입니다. 너무 (ngSubmit)="onSubmit(f)"처럼 처리기.

현재로서는 제출시 콘솔에 아무것도 표시되지 않습니다. 제출 처리기가 작동하지 않는 이유는 무엇입니까?

<form (ngSubmit)="onSubmit(f)" #f="ngForm" class="search__form"> 

Answer 1

당신은 귀하의 경우이 같은 지역 변수를 정의하는 # 기호를 사용할 필요가

템플릿 :

<form name="f" (ngSubmit)="onSubmit(f)" #f="ngForm" class="search__form"></form> 

타이프 라이터 :

import { NgForm } from '@angular/forms'; 

export class HomeComponent { 
    onSubmit(f: NgForm) { 
     console.log('f', f); 
    } 
} 

Answer 2

이 같은 시도 :