Показать 1 элемент, если другой элемент пуст (угловой материал 6)

Я использовал начальную загрузку материала с угловым 6. Здесь я связал код области и описание области. В моей базе данных есть запись, состоящая только из кодов городов. Если это так, мне нужно показать запись только с кодом города. Здесь это выглядит так:

ZA550D - // with small hyphen

Но мне нужно, чтобы это выглядело так:

ZA550D

  <mat-select formControlName = "news" name = "description" id = "id" [(ngModel)] = "model.newsId"
                                placeholder = "{{'NewsName'}}" required>
                        <mat-option *ngFor = "let news of newsDetails" [value] = "news.id">
                            {{news.areaCode +"-"+news.areaDescription}}
                        </mat-option>
                    </mat-select>