Angular2 Select 2 向绑定未更新

Question

所以我试图通过 2 种方式将下拉列表的选定项目绑定到 属性，但我的打字稿代码中的 属性 始终保持不变。

这是我的 Select 标签：

<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)]。

提示：它的香蕉放在盒子里。方括号括起“香蕉”括号。