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

Question

我浏览了这里的所有帖子，但仍然无法正常工作。我正在尝试在 Angular2 中实现一个下拉菜单，它首先显示一个 selected 值。

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;
  });
 });}

段落显示正确的 selected 项目类型，而 select 显示第一个选项。所以我猜我已经正确分配了它，但是我在将它作为 select 的 selected 值时遇到了问题。我是 Angular2 的初学者，我找不到我做错了什么。谢谢你的帮助。

Answer 1

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

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

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

Angular2 Selected item on dropdown not displaying

html-select

angular2-forms

angular