Angular中如何将下拉框选中值传入提交函数替换Billing的ccode字段

开发者阿泽

2026-10-5

实现方案

你已经通过[(ngModel)]双向绑定将下拉框选中值同步到了ccodeSelect变量，只需要在提交逻辑中将该值赋值给Billing对象的ccode字段即可，以下是具体操作：

方案1：在提交函数内部直接赋值（改动最小）

直接修改你现有的createBilling函数，在调用接口前给billing参数的ccode字段赋值：

createBilling(billing: Billing) {
  // 将下拉框选中值赋值给ccode字段，Number转换避免字符串类型不匹配
  billing.ccode = Number(this.ccodeSelect);
  return this.httpconnect.post(`${this.PATH}/billing`,billing);
}

方案2：在触发提交的上游逻辑赋值

如果你需要在提交前做统一校验，可以在点击提交按钮触发的处理函数中完成赋值：

// 提交按钮绑定的点击处理函数示例
onSubmit() {
  const billing: Billing = {
    // 你原本构造的其他字段
    customer: xxx
  };
  // 赋值下拉选中的公司编码
  billing.ccode = Number(this.ccodeSelect);
  // 提交前校验：避免传默认的未选择值
  if (billing.ccode === 0) {
    alert('请选择公司编码');
    return;
  }
  this.createBilling(billing).subscribe(res => {
    // 处理提交结果
  });
}