时间戳

首页 > 解决方案 > 在选择标签中预先选择一个选项，该选项具有角度反应形式的 ngValue

angular - 在选择标签中预先选择一个选项，该选项具有角度反应形式的 ngValue

问题描述

大家好，我是 Angular 的新手，所以我在 Angular 中遇到了一些非常常见的事情。我正在使用一种反应形式，其中我使用了一些选择标签，一切都很顺利，除非我试图从选择标签中预先选择一个选项，其中的数据来自其余调用，选择标签没有设置向上。为了让一切清楚，我使用 formGroup patchValue 来用值填充所有控件。

this.contactForm.patchValue(this.contractOwner);

下面是我的选择标签的样子

<select formControlName="contractCategory" class="form-control">
    <option [ngValue]="null" selected>Please choose</option>
    <option *ngFor="let category of contactCategoryList" [ngValue]="category">
      {{ category.description }}
    </option>
</select>

下面是来自 rest 调用的选定值对象即将到来

contractCategory: {id: 2, code: "C2", description: "Category 2", organizationId: 0, isActive: 1,…}

标签： angulardrop-down-menuangular-reactive-forms

解决方案

这应该可以解决问题。添加应该在new FromControl(). 我希望我说对了。如果没有，请提供您的打字稿文件。

this.panelForm = new FormGroup({
  contractCategory: new FormControl(this.contactCategoryList[0]),
});

表单组 Angular 文档链接

推荐阅读