title: How to clear an Angular reactive form input values
body: <p>I have a simple reactive form set up like this</p>
  
  <pre><code>constructor(private scheduleService: ScheduleService, fb: FormBuilder) {
  this.searchForm = fb.group({
    from: ["", Validators.required],
    to: ["", Validators.required],
    date: ["", Validators.required]
  });
  }
  </code></pre>
  
  <p>I want to clear the form fields by click on a button that calls the clear function. My clear function currently doesn't work and looks like this</p>
  
  <pre><code>clear() {
  console.log("Reset all search form fields to null.");
  
  this.searchForm.from = "";
  this.searchForm.to = "";
  this.searchForm.date = "";
  }
  </code></pre>
  
  <p>What is the right way to clear form input fields when working with angular reactive forms? How can I achieve this by using a single statement to reset all form fields instead of individual fields?</p>