Как заполнить параметры выбора в форме в Angular

У меня есть форма со многими вариантами выбора. Мне нужно заполнить их. Первоначально через JSON, но позже я буду заполнять из своей базы данных.

Как мне это сделать.

Это будет мой html.

<div class = "container mt-4">
  <div class = "card">
    <form>
        <div class = "card-header">Search for a Property</div>
        <div class = "card-body">

          <!-- County and Town Label-->
          <div class = "row">
            <div class = "col-md-6">
              <label class = "ml-1" for = "county">County</label>
            </div>
            <div class = "col-md-6">
              <label for = "town">Town</label>
            </div>
          </div>

          <div class = "row">
            <!-- County Column -->
            <div class = "col-md-6">
              <select class  = "form-control" id = "county" name = "county">
              </select>
            </div>
            <div class = "col-md-6">
              <select class = "form-control" name = "town">
              </select>
            </div>
          </div>

        </div>
    </form>
  </div>
</div>

Это будет мой js.

Есть ли способ просто заполнить массивы для каждого выбора, который мне нужен, и прокрутить каждый элемент.

export class PropertySearchComponent implements OnInit {

  searchForm: FormGroup;

  constructor(private advertService: AdvertService, private alertify: AlertifyService, private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.createSearchForm();
  }

  createSearchForm() {
    this.searchForm = this.formBuilder.group({
      town: [, Validators.required],
      county: [, Validators.required],
    });
  }
}