Проверка предварительно заполненного поля ввода angular

У меня такой код:

<h1>New Book</h1>
<form  #f = "ngForm" (ngSubmit) = "submit(f)">
   <div class = "form-group">
        <label for = "group">Group</label>
        <select id = "group" class = "form-control" (change) = "onGroupChange()" [(ngModel)] = "groupId" name = "groupId">
            <option value = ""></option>
            <option *ngFor = "let g of groups" value = "{{g.id}}">{{g.name}}</option>
        </select>
    </div>
    <div class = "form-group">
        <label for = "registrationNumber">Registration Number</label>
        <input required ngModel name = "registrationNumber" #registrationNumber = "ngModel" id = "registrationNumber" class = "form-control" value = {{regId}}/>
        <div class = "alert alert-danger" *ngIf = "!registrationNumber && !registrationNumber.valid">Registration Number  is required.</div>
    </div>
 <button class = "btn btn-primary" [disabled] = "!f.valid">Save</button>
</form>

Как видите, кнопка неактивна, если одно из значений формы недопустимо. Проблема в том, что регистрационный номер заполняется, когда вы выбираете группу в раскрывающемся списке группы. Даже после заполнения поля регистрационного номера кнопка сохранения по-прежнему неактивна. Какую проверку я должен указать в * ngIf регистрационного номера, чтобы сообщить angular о необходимости пометить поле как нормально, если поле имеет значение.

Другими словами, что должно быть в приведенном ниже ngIf?

<div class = "alert alert-danger" *ngIf = " ? "**>Registration Number  is required.</div>
    </div>