Блог

У меня есть следующее перечисление и объект в приложении angular 9:

 export enum Frequency {
    Q='Quarterly',
    M='Monthly'
}

export class FrequencyUI {
  public frequency: Frequency;
  public name: string;

  constructor(frequency: Frequency, name: string) {
    this.frequency = frequency;
    this.name = name;
  }
}
 

Вот сущность:

 export class Fund {
public subscription_frequency?: Frequency;
}
 

Я использую значения перечисления в выборе следующим образом:

 <select [(ngModel)]="fund.subscription_frequency" #subscriptionFrequency="ngModel" name="subscription_frequency" [compareWith]="compareSubscriptionFrequenciesByOptionId" required>                                       
        <option [ngValue]="null">{{defaultSelect}}</option>
        <option *ngFor="let sf of frequencies" [ngValue]="sf.frequency">{{sf.name}}</option>
</select>
 

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

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

Проблема в том, что когда я выбираю первое значение, оно сохраняется в базе данных (весенняя загрузка), но
ТОЛЬКО когда я выбираю первое значение в списке, когда я возвращаюсь на страницу, значение не выбрано.
Пожалуйста, дайте мне знать, если вы хотите увидеть что-то с сервера.
Спасибо!

Наиболее распространенная ошибка: когда ваши данные возвращаются с сервера, вы должны явно указать значение перечисления в коде Javascript:

 fundDto.subscription_frequency = Frequency[fundDto.subscription_frequency]
 

Обычно я делаю это в наблюдаемой трубе:

 <observable_here>.pipe(
  tap(fundDto.subscription_frequency = Frequency[fundDto.subscription_frequency])
);
 

Сделайте свойство частоты FrequencyUI необязательным: частота?: Частота

Или добавьте опцию перечисления частот «нет»:

 enum Frequency{
  None = 'none'
  ...
}
 

Имейте в виду: проблема может заключаться в сравнении с