Angular2下拉列表中的选定项目未显示[重复]-Java 学习之路

这个问题在这里已有答案：

Get value from selected dropdown list in Angular 2 3个答案
setting initial value using ngModel for select dropdown 3个答案

我一直在这里查看所有帖子，但我仍然不能正常工作 . 我试图在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的初学者，我找不到我做错的事 . 感谢您的帮助 .

1 回答

0
如果该值不是字符串，请在 <option> 上使用 [ngValue]="..." ：
```
<option *ngFor="let projectType of projectTypes" [ngValue]="projectType> {{projectType.name}}</option>
```
回复于 2024-04-28T04:47:57+08:00

Angular2下拉列表中的选定项目未显示[重复]

1 回答

相关问题