Dominick Marciano Ответов: 1

Angular - добавить опцию для выбора при нажатии кнопки


На моей текущей угловой странице у меня есть выпадающий список select, который автоматически заполняется адресами, которые в настоящее время существуют для клиента, а последняя опция - "Добавить новый адрес". При нажатии на эту кнопку появляется модальное окно, в котором можно ввести новый адрес. При сохранении адреса он должен быть добавлен в выпадающий список и выбран по умолчанию.

Я искал в интернете, но не смог найти ничего, что работало бы. Мы будем очень признательны за любые рекомендации.

Заранее спасибо.

Что я уже пробовал:

Currently this is the method that is executed when the new address is saved:
<pre lang="Javascript">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);
    }

Ответы popupForm форма называется address_select и это тот элемент управления, который должен иметь добавленный новый адрес.

1 Ответов

Рейтинг:
2

Christian Graus

Ваш список адресов должен быть коллекцией, существующей в коде. Для этого потребуется двусторонняя привязка. Затем вы можете добавить новый элемент в коллекцию, и он будет повторно привязан и показан. Вы не опубликовали свой шаблон, есть ли у него способ установить выбранный элемент? Это также должна быть переменная, которую вы можете изменить в своем коде typescript.