Получить значение из веб-API и вернуть его в раскрывающийся список

Question

Я изучаю JS / TS, и у меня есть ситуация ниже. Я не могу понять причину, по которой возвращение не появляется в выпадающем списке после вызова функции. в Поле подробностей это работает.

Мой HTML:

<div class="form-group col-6">
    <label>Details</label>
    <textarea type="text" [(ngModel)]="item.dsDetalhes" formControlName="dsDetalhes" class="form-control"></textarea>
    <div class="validacao" *ngIf="form.get('dsDetalhes').invalid && (form.get('dsDetalhes').dirty || form.get('dsDetalhes').touched)">Campo obrigatório</div>
</div>

<div class="form-group col-1">
    <label for="validationDefault01">Ano</label>
    <select [(ngModel)]="item.nuAno" valuePrimitive="true" formControlName="nuAno" data="lista_ano" type="text" class="form-control">
        <option *ngFor="let nuAno of lista_ano" [ngValue]="nuAno">{{nuAno}}</option>
    </select>
    <div class="validacao" *ngIf="form.get('nuAno').invalid && (form.get('nuAno').dirty || form.get('nuAno').touched)">Campo obrigatório</div>
</div>

---

Моя функция

EditarBoletim(idBoletim: number) {

    this.dbService.post('Boletim/EditarPorId', idBoletim).subscribe(result => {

        this.item = result;

        this.dsDetalhes = result.dsDetalhes //here return some string
        this.nuAno = result.nuAno; //here nuAno return 2015

    });
}