动态添加输入字段

Question

我有一个名为home的组件，具有3个输入字段（国家，城市，州），如下图所示：

我正在动态添加输入字段，并且如下图所示正常工作：

但是我的要求是：在Country字段而不是input field中，我想要dropdown（选择组件）。但是我无法做到这一点。 Stackblitz DEMO

Answer 1

您的代码中拥有所有这些优点，您只需将输入更改为matSelect。

<mat-select placeholder="Country" [(ngModel)]="newAttribute.country" name="food">
  <mat-option *ngFor="let country of countries" [value]="country.value">
    {{country.viewValue}}
  </mat-option>
</mat-select>

Demo