Angular 5以编辑形式填充数据库中的选定选项

时间:2018-02-08 21:58:15

标签: angular angular5 angular-ngmodel ngfor ngmodel

我能够列出并添加选项,如下所示:

   <select class="form-control" [(ngModel)]="feed.feed_store" name="feed_store" placeholder="Select Store">
      <option *ngFor="let feedstore of feedstores" [value]="feedstore">{{ feedstore }}</option>
    </select>

现在,在我的编辑表单中,我想显示数据库中的选定选项。 不确定吗

2 个答案:

答案 0 :(得分:0)

您可以根据以下条件将selected属性设置为该选项:                               {{feedstore}}                

答案 1 :(得分:0)

您可以根据以下条件将selected属性设置为该选项:

<ng-container *ngIf="feed">
    <select class="form-control" [(ngModel)]="feed.feed_store" name="feed_store" placeholder="Select Store">
          <option *ngFor="let feedstore of feedstores" 
                 [value]="feedstore"
                 [selected]="feedstore === 'feedstore_from_database'">
              {{ feedstore }}
          </option>
    </select>
<ng-container>