Angular Form

HTML 폼

 <div id="searchBar">
     <form [formGroup]="searchForm" (ngSubmit)="onSubmit()">
       <input formControlName="keyword" class="form-control-custom" type="text" id="keyword" name="keyword" >
     <button class="btn btn-outline-primary me-md-2" type="submit">검색</button>
  </form> 
</div>

test_board_list.component.ts에 추가

export class TestBoardListComponent implements OnInit {
	searchForm = new FormGroup({
    	keyword: new FormControl(''),
  })
}

 

onSubmit(){
	//입력값 전송
	var keyword = this.searchForm.value;
}