Угловое поле mat-form-field с проблемой FormControl и NgModel

У меня есть mat-form-field с полем ввода с type="number".

Я не уверен, следует ли мне использовать FormControl или NgModel в моем случае.

У меня есть дочерний компонент, который recieves является объектом ввода, и я должен сохранить то, что написано в поле ввода, в свойстве этого объекта.

это мой дочерний контроллер:

@Input()
  building: Building;  

@ViewChild("numberMatInput", {read: MatInput})
  numberMatInput: MatInput;
  numberInput: FormControl = new FormControl();

ngOnInit() {
    this.numberInput.valueChanges
    .subscribe(s => {
      this.building.radius = s;
    });
}

и мое мнение таково:

<mat-form-field appearance="outline">
     <mat-label>KM</mat-label>
     <input type="number" matInput #numberMatInput [formControl]="numberInput">
</mat-form-field>
<mat-icon matListIcon (click)="numberInput.setValue('')">close</mat-icon>

так что это работает, входное значение сохраняется в свойстве объекта -> this.building.radius, но что не работает, это панель, которую можно открыть при выборе здания, и если я закрою панель и открою ее снова, поле ввода пусто вместо отображения последнего значения перед закрытием панели.

Следует использовать NgModel? так что я могу использовать NgModel напрямую building.radius?

Извините, но я новичок в Angular!