angular - md select 不显示绑定的值

Question

在我的项目中，我有一个 md-select，但我不明白为什么它似乎没有被绑定，我看到的是占位符而不是绑定的值。这是选择：

<md-select placeholder="Areas" name="area" required [(ngModel)]="selected.area">
<md-option *ngFor="let area of areas"[value]="area.value"> 
{{ area.label }} </md-option> </md-select>

selected.area 是一个字符串，例如 'area1'

领域：

areas: SelectItem[];

loadAreas(): void {
this.hotelService.getAreas()
.subscribe(response => {
for (const key in response._embedded.areas) {
if (response._embedded.areas.hasOwnProperty(key)) {
this.areas.push({
label: response._embedded.areas[key].name,
value: response._embedded.areas[key]._links.self.href

在区域数组中，当我单击选择时，我可以看到正确的区域

• 区域1
• 区域2

和SelectItem：

export interface SelectItem {
     label: string;
     value: any;
}


loadArea(url): void {  this.hotelService.getSelfArea(url) .subscribe(response => {   this.selected.area = response.name;