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是一个字符串，例如＆＃39; area1＆＃39;

方面：

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

在区域数组中，当我点击选择

时，我可以看到正确的区域

• AREA1
• AREA2

和 SelectItem ：

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


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