выбор значения текстового поля matautocomplete, как обновить другое поле ввода - PullRequest
Новая
       29

выбор значения текстового поля matautocomplete, как обновить другое поле ввода

0 голосов
/ 06 мая 2019

Я использовал событие onSelectionChanged, чтобы получить значение выбранного элемента в mat-autocomplete 

<mat-form-field class="container">

        <input type="text"  (input)="onInputChanged($event.target.value)" placeholder="Search addresses ..."
            matInput 
            [formControl]="searchAddress" 
            [matAutocomplete]="auto"
            >  

        <mat-autocomplete (optionSelected)="onSelectionChanged($event)" #auto="matAutocomplete">
          <ng-container *ngFor='let filteredAddresses of addresses'>
              <mat-option *ngFor="let address of filteredAddresses" [value]="address.Text">
                <small>{{address.Text}}</small>
              </mat-option>
              </ng-container>

        </mat-autocomplete>
    </mat-form-field>

Как я могу обновить элемент ввода текста со значением, выбранным из mat-autocomplete. Как я могу обновить addressLine1 для ниже: 

 <div class="form-group col-md-3 col-sm-3 col-xs-12">
          <label l10nTranslate
            >label.addressLine1</label
          >
          <input
            class="form-control"
            [(ngModel)]='addressLine11'

          />

        </div>

Я пробовал что-то вроде: 

onSelectionChanged(event: MatAutocompleteSelectedEvent) {
        console.log('event',event.option.value);
        this.addressLine11 = event.option.value;
      }

Но выдает ошибку, так как значение addressLine11 не существует постоянно. Пожалуйста, предложите, как я могу изменить код.

1 Ответ

0 голосов
/ 06 мая 2019

Может ли это быть опечатка?Не могли бы вы попробовать ниже, без label .addressLine11 

<label l10nTranslate>addressLine11</label>
...