角度面片垫片选择组件的值

原学程将引见角度里片垫片选择组件的值的处置办法，这篇学程是从其余处所瞅到的，而后减了1些海外法式员的疑问与解问，愿望能对于您有所赞助，佳了，上面开端进修吧。

成绩描写

在我的角度七运用法式中，我正在应用反响情势的角度资料的组件垫选择。

该望图以下所示：

<mat-form-field class="col-md⑶" 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': '二一一九',
 'storeName': 'AIX LES BAINS'
  },
  {
 'edoId': '二一二三',
 'storeName': 'ANNEMASSE'
  },
  {
 'edoId': '二四六0',
 'storeName': 'ALENCON'
  },
  {
 'edoId': '二四七8',
 'storeName': 'Grand Evreux Carrefour'
  },
  {
 'edoId': '二六三二',
 'storeName': 'DESTRELAND'
  }
]

第1次减载后，选择下推列表中的选项显示胜利，而且我有1个按钮用于在单打时强迫选择垫的值。

我测验考试过：

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

没有巧的是，我的数据仿佛未树立。

有甚么设法主意？？

推举谜底

1个老成绩…您不妨经由过程triggerValue以及MAT-SELECT以及PATCH值去完成这1面。

<mat-form-field class="full-width" appearance="fill">

<mat-select #level formControlName="level">
 <mat-option value="Native Speaker">Native Speaker</mat-option>
 <mat-option value="Highly Proficient">Highly Proficient</mat-option>
 <mat-option value="Very Good Co妹妹and">Very Good Co妹妹and</mat-option>
</mat-select>
  </mat-form-field>

经由过程以上操纵，您如今不妨夺取模板中的值。

<div *ngIf="level.triggerValue && (level.triggerValue).length; else notSpecifiedDate" class="text-muted"
 fxFlex="一00">{{level.triggerValue}}</div>
<ng-template #notSpecifiedDate>
 <div class="text-muted" fxFlex="一00">
  {{'Not Specified' | translate}}
 </div>
</ng-template>

佳了闭于角度里片垫片选择组件的值的学程便到这里便停止了，愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野，更多技巧学程不妨在站内搜刮。