Угловые 2 значения по умолчанию для выпадающего списка

Question

У меня есть раскрывающийся список, который получает значения из базы данных, и я хочу иметь значение по умолчанию, например «выбрать элемент». Как я могу это сделать?

HTML код

<div class="ui-grid-row"> 
    <div class="ui-grid-col-2"> 
     Period : 
    </div> 
    <div class="ui-grid-col-4"> 
     <p-dropdown [options]="periodids" formControlName="periodid" [(ngModel)]="periodid" [autoWidth]="false" [style]="{'text-align': 'left'}"></p-dropdown> 
    </div> 
</div> 

Populate DropDownList из базы данных

populatePeriod() { 
    this.periodids = []; 
    this.periodservice.getPeriods().then(returneddata => { 
     for (let i = 0; i < returneddata.length; i++) { 
      this.periodids.push({ label: returneddata[i].PeriodName, value: returneddata[i].Id }); 
     } 
    }); 
    //console.log(this.periodids) 
} 

Answer 1

Пример в PrimeNG documentation предполагает, что вы должны добавить его в массиве параметров:

populatePeriod() { 
    this.periodids = [{ label: "Select an item...", value: null }]; // <-- here 

    this.periodservice.getPeriods().then(returneddata => { 
     for (let i = 0; i < returneddata.length; i++) { 
      this.periodids.push({ label: returneddata[i].PeriodName, value: returneddata[i].Id }); 
     } 
    }); 

    console.log(this.periodids) 
}