Question

在当前的“ Angular”页面上，我有一个dropdown的选择autopopulated，其中包含客户当前存在的地址，最后一个选项是“添加新地址”。单击此选项后，将显示一个模式窗口，可在其中输入新地址。保存地址后，应将其添加到下拉列表中，并默认选择。

当前，这是保存新地址时执行的方法：

addressSubmitted(form: FormGroup) {
  if (form.valid) {
    var addressLine1 = form.controls['address'].value;
    var addressLine2 = form.controls['address2'].value;
    addressLine2 = addressLine2.trim();
    var city = form.controls['city'].value;
    var stateId = form.controls['state'].value;
    var state = this.SelectedState; //form.controls['state'].find()
    var postalCode = form.controls['zip'].value;

    var fullAddress = addressLine1 + ', ';
    if ('' != addressLine2) {
      fullAddress = fullAddress + addressLine2 + ', ';
    }
    fullAddress = fullAddress + city + ', ' + state + ' ' + postalCode
      --> this.popupForm.controls['address_select'].xxxx;
  } else {
    this.servicePNotify.error("Error", "New address information is not complete");
    this.service.validateAllFormFields(form);
  }
}

dropdown形式的popupForm被命名为address_select，并且是应该添加新地址的控件。

我已经在网上搜索过，但找不到任何有效的方法。任何指导将不胜感激。

Answer 1

如果要更新值比如说作为输入字段，则可以使用补丁值或设置值来设置值，我想这默认情况下会选择它。现在，要处理下拉菜单，您可以将其添加到填充下拉列表的列表中，如果要显示选定的CSS更改，则可以根据输入字段中的选定值来设置选项的样式。

这可以帮助您进行设置。

https://ultimatecourses.com/blog/angular-2-form-controls-patch-value-set-value

角度-添加选项以单击按钮选择

1 个答案: