Angular2 Select 2-Way Binding不更新

Question

所以我试图将下拉列表的选定项绑定到具有 2 路绑定的属性，但我的打字稿代码中的属性始终保持不变。

这是我的选择标签：

<select #select class="form-control" id="favouriteValue" ([ngModel])="selectedValue">
  <option *ngFor="let value of valuesFromHomeComp" [ngValue]="value">{{value.name}}</option>
</select>

这是我的组件：

import { Component, OnInit, Input } from '@angular/core';

@Component({
selector: 'app-register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {

model: any = {};
@Input()valuesFromHomeComp: any[];
selectedValue: any;

constructor() {}

ngOnInit() {
this.selectedValue = this.valuesFromHomeComp[0];
}
}

Answer 1

你使用了错误的语法，它应该是[(ngModel)]。

作为提示：它的香蕉装在盒子里。方括号将“香蕉”括号括起来。