Angular 5 отображает соответствие выбора списка с моделью при загрузке страницы - PullRequest
Новая
       6

Angular 5 отображает соответствие выбора списка с моделью при загрузке страницы

0 голосов
/ 07 июня 2018

Я пишу форму только для чтения, которая отображает набор данных, полученных при загрузке страницы.Один раздел в форме - это выпадающий список IsActive со значениями True или False.В ngOnInit я извлекаю это логическое значение IsActive из базы данных и связываю его со своим свойством модели isActive.Я хочу отобразить это значение модели с соответствующим значением раскрывающегося списка.Так, например, если флаг IsActive имеет значение true, я хочу, чтобы при раскрытии страницы была выбрана опция true из раскрывающегося списка.

HTML: 

<label class="col-md-2 col-form-label">Is Active</label>
    <div class="col-md-10">
        <select id="IsActive" name="IsActive" class="form-control" [(ngModel)]="selectedAccount.isActive" [disabled]="!isEditable">
            <option [value]="1">True</option>
            <option [value]="0">False</option>
        </select>
    </div>

Однако в приведенном выше коде есть пробелвыбранный параметр при загрузке страницы, и только при нажатии отображаются опции true и false

1 Ответ

0 голосов
/ 07 июня 2018

Вы можете попробовать это его работает 

option : any = [];
selectedAccount: any;
ngOnInit(){
this.selectedAccount.isActive = true;
this.option = [{"name": "true", value: true}, {name: "false", value: false}]
this.option.map(res =>{ if (res.value == this.selectedAccount.isActive){
  this.selected = res
}
});

}
<div class="col-md-10">
        <select id="IsActive" name="IsActive" class="form-control" [(ngModel)]="selectedAccount.isActive" [disabled]="!isEditable">
        <option *ngFor="let option of selected" value={{option.value}}>{{option.name}}</option>
        </select>
    </div>
...