首页 > 解决方案 > 如何以与前缀字段绑定的角度方式向数组添加新属性

问题描述

我有一个带有 3 个选项的表单可供选择,我也有 3 个对象,同时这 3 个对象有 3 个属性,我想传递前缀字符串,一旦我在表单中选择 1 个选项

组件.ts

products = [
    {name: "eggs", value: 1, prefix: "EGS"}
    {name: "beans", value: 3, prefix: "BNS"}
    {name: "rice", value: 5, prefix: "RCE" }
]

validatorsfields() {
   this.liteFormgroup = this.formBuilder.group({
   nameofProduct: ['', Validators.required],
   prefix: ['']
   })   
}

HTML

.......="ngForm" [formGroup]="liteFormGroup"
<mat-select placeholder="Name of producst" formControlName="nameofProduct" name="nameofProduct" id="nameofProduct">
    <mat-option *ngFor= let product of products [value]="product.value id="{{product.value}}">
        {{product.name}}
    <mat-option>

我想发送除了“value”属性,我想在同一个选择对象中发送前缀属性,感谢您的帮助和关注

标签: node.jsangularangular-material

解决方案


推荐阅读