Наблюдаемые для угловых форм

На моем сайте есть форма (person.firstName, lastName, DOB, Gender, Citizenship и т. д.). Мой вопрос в том, как я могу наблюдать за изменениями всей формы и получить из этого наблюдения 2 вещи:

• formControl с текущим статусом

• текущее значение для обработанного formControl

  Приставка {{availablePrefix}}

        <div class = "col">
          <label for = "firstName">First Name<span style = "color: red"> *</span> </label>
          <input formControlName = "party.firstName" type = "text" autocomplete = "off" id = "firstName"/>
        </div>
  
        <div class = "col">
          <label for = "middleName">Middle Name</label>
          <input formControlName = "party.middleName" type = "text" autocomplete = "off" id = "middleName" maxlength = "1" />
        </div>
  
        <div class = "col">
          <label for = "lastName">Last Name<span style = "color: red"> *</span> </label>
          <input formControlName = "party.lastName" type = "text" autocomplete = "off" id = "lastName"/>
        </div>
  
        <div class = "col">
          <label for = "suffix">Suffix</label>
          <select formControlName = "party.suffix" id = "suffix">
            <option [value] = "availableSuffix" *ngFor = "let availableSuffix of availableSuffixes">{{availableSuffix}}
            </option>
          </select>
        </div>
      </div>
    </form>
  

Спасибо за любую помощь