为什么在 angular 9 应用程序的选择中选择第一个值后出现必需的错误？

我有以下模板，其中包括带有选项的选择组件：

 

    <select class="selectpicker_std" [(ngModel)]="fund.subscription_frequency" #subscriptionFrequency="ngModel" name="subscription_frequency" [compareWith]="compareSubscriptionFrequenciesByOptionId" required>
    <option [ngValue]="null">{{defaultSelect}}</option>
         <option *ngFor="let sf of frequencies" [value]="sf.frequency">{{sf.name}}</option>
     </select>
     <div *ngIf="subscriptionFrequency.errors && (subscriptionFrequency.touched || fund3FormDirective.submitted)">
         <div class="error_message" *ngIf="subscriptionFrequency?.errors?.required">
             <span class="e_arrow"></span>
             <i>Please select subscription frequency</i>
         </div>
     </div>

这是比较方法：

    compareSubscriptionFrequenciesByOptionId(idFirst, idSecond) {       
        return idFirst && idSecond && idFirst.frequency == idSecond.frequency;         
      }

发生的事情是这样的： 场景 1：选择第一个值时，会出现所需的错误消息。场景二：选择任何其他值时，没有错误，数据保存没有问题。