Angular patchValue компонента mat-select - PullRequest
Новая
       21

Angular patchValue компонента mat-select

0 голосов
/ 18 марта 2019

Под моим Angular 7 приложением я использую компонент mat-select углового материала в реактивной форме.

Вид выглядит так: 

<mat-form-field class="col-md-3" color="warn">
   <mat-select placeholder="Selectionner la boutique"
             id="libelleShop"
             [(value)]="selectedlibelleShopoValue"
             ngDefaultControl
             formControlName="libelleShop"
             (selectionChange)="onShopSelectionChanged($event)">
             <mat-option *ngFor="let shop of shopsList"
                          [value]="shop">
                {{shop.storeName}}
            </mat-option>
  </mat-select>

Данные Md следующие: 

shopsList= [
{
    'edoId': '2119',
    'storeName': 'AIX LES BAINS'
  },
  {
    'edoId': '2123',
    'storeName': 'ANNEMASSE'
  },
  {
    'edoId': '2460',
    'storeName': 'ALENCON'
  },
  {
    'edoId': '2478',
    'storeName': 'Grand Evreux Carrefour'
  },
  {
    'edoId': '2632',
    'storeName': 'DESTRELAND'
  }
]

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

Я пробовал это: 

onClick(){
    let shopObjToDisplay = {};
    shopObjToDisplay['edoId'] = '2460';
    shopObjToDisplay['storeName'] = 'ALENCON';
    this.myForm.patchValue({'libelleShop': shopObjToDisplay });
}

К сожалению, кажется, что мои данные не установлены.

Идеи ??

...