当我使用 angular material 通过打字稿发送新代码时，我的 select 没有更新

Question

我的表单有问题，它不更新 select 选项，其余的它会更新。

对于 select，我有一个包含世界上所有国家/地区的数组，就像大多数表格一样。

我已经尝试了 ChangeDetectorRef 和 on change。

            <mat-select [(ngModel)]="site.country" (change)="refresh()" name="country">
              <mat-option *ngFor="let country of countries" [value]="country.code">
                {{ 'COUNTRYLIST.' + country.code | translate }}
              </mat-option>
            </mat-select>

对于我的打字稿，我将解释我为安全问题所做的工作

我有一个 class，它有一个地址的所有输入字段，我从 API 加载它我有一个 google 地图点击事件，它将输入表单对于用户来说，问题是它不会仅在我单击表单字段或在地图上滚动时自动更新选项，或者 angular 自动更新 dom。有时占位符也不会上升。

我希望当我点击地图时它会自动更新选项字段，而不是当我执行额外操作时。

一个视频来解释我的意思

https://gyazo.com/1c2361abf7beaf43ba06536b91500389

Answer 1

试试这个

 <mat-select [(ngModel)]="site.country"  [(value)]="site.country"(change)="refresh()" name="country">
     <mat-option *ngFor="let country of countries" [value]="country.code">
           {{ 'COUNTRYLIST.' + country.code | translate }}
     </mat-option>
 </mat-select>

注意：<mat-select> 支持 2 向绑定到 value 属性而无需 Angular 表单.

当我使用 angular material 通过打字稿发送新代码时，我的 select 没有更新

My select doesn't update when I send new code via typescript using angular material

angular

typescript

google-maps

geolocation

angular-material2