Question

我一直在浏览所有帖子，但我仍然不能正常工作。我试图在Angular2中实现一个下拉列表，它首先显示一个选定的值。

HTML

<div class="col-sm-8">
  <div class="form-group">
     <select [(ngModel)]="selectedProjectType" class="form-control" required name="projectType">
     <option *ngFor="let projectType of projectTypes"> {{projectType.name}}</option>
      </select>
       <p *ngIf="selectedProjectType">{{selectedProjectType.projectType}}</p>
     </div>
 </div>

控制器

selectedProjectType: ProjectType;

constructor(
private projectsService: ProjectsService){
this.project = new Project();
this.route.params
  .subscribe((params: Params) => { 
    this.projectsService.getProject(params['id']).then((project) => {
    this.project = project;
    this.selectedProjectType = project.projectType;
  });
 });}

段落显示正确选择的项目类型，而选择显示第一个选项。因此，我猜测我已将其分配正确，但我在将其作为选择的选定值时出现问题。我是Angular2的初学者，我找不到我做错的事。谢谢你的帮助。

Answer 1

如果值不是字符串，请在[ngValue]="..."上使用<option>：

<option *ngFor="let projectType of projectTypes" [ngValue]="projectType> {{projectType.name}}</option>

Angular2下拉列表中的选定项目未显示

1 个答案: