Question

我正在使用以下代码创建一个选择字段。在这里，值将更新为ngmodel。我也想获取要存储在另一个字段中的选项的名称即：一个字段中的值（ID），另一字段中的名称（选定值）。

有没有办法实现这一目标？

( <select name="ORG_ID" #ORG_ID="ngModel" [(ngModel)]="siteuses.ORG_ID" class="form-control"
        [class.is-invalid]="!isValid && (siteuses.ORG_ID==''|| siteuses.ORG_ID==null)">
        <option *ngFor="let item of this.sharedService.l_operating_units_s" value="{{item.BU_ID}}">{{item.NAME}}
        </option>
      </select>

)

Answer 1

您可以使用吸气剂

const signUpConfig = {
  hideAllDefaults: true,
  signUpFields: [
    {
      label: 'Email',
      key: 'email',
      required: true,
      placeholder: 'Email',
      type: 'email',
      displayOrder: 1
    },
    {
      label: 'Password',
      key: 'password',
      required: true,
      placeholder: 'Password',
      type: 'password',
      displayOrder: 2
    }
  ]
};

export default withAuthenticator(App, { signUpConfig });

或存储在选项中使用[ngValue]选择的完整项目

get nameOperating()
{
   operating=this.sharedService.l_operating_units_s
     .find(x=>x.BU_ID==siteuses.ORG_ID);
   return operating?operating.NAME:null;
}

在“站点”中，您具有完整的选择，因此在site.NAME中，您具有名称，在site.BU_ID中，您具有ID

将选择选项元素的名称和值存储在Angular的不同字段中

1 个答案: