Question

如果我能够在下拉列表中显示值，则下面是html代码。

putValueBackFromPlaceholder

这是控制器类的代码。

  <div class="field">
            <select class="ui dropdown" name="gender" ngModel>
              <option *ngFor="let gender of genderList">{{gender}}</option>
            </select>
  </div>

如何将初始默认值设置为下拉列表？另外我想知道它是否是在下拉列表中显示值的正确方法？

由于

Answer 1

您必须使用ngModel并在控制器类中设置属性

<强> HTML：

<div class="field">
  <select class="ui dropdown" name="gender" [(ngModel)]="selectGender">
          <option *ngFor="let gender of genderList">{{gender}}</option>
    </select>
 </div>

<强> Component.ts：

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-add-member',
templateUrl: './add-member.component.html'
})

export class AddMemberComponent implements OnInit {
genderList: string[];
selectGender: string;

constructor() {
this.genderList=["Male","Female"];
this.selectGender= this.genderList[0];
}

ngOnInit() {
}

onSubmit(form: any): void{
console.log('Form value = ', form);
}

}

如何在angular（4）中设置默认值？

1 个答案: