角形字段未绑定

Question

我有一个表格：

<form #appForm>
  <div...>
    <select
      id="transversal"
      name="transversal"
      [ngModel]="app.transversal" 
      type="select"
      required
      #transversal="ngModel">
        <option value="S">Si</option>
        <option value="N">No</option>
    </select>
  </div>
</form>

this.app是：

@Component({
    moduleId: module.id,
    templateUrl: 'aplicacions-subcomponent.component.html',
    selector: 'app-aplicacions-subcomponent'
})
export class AplicacionsSubcomponentComponent {
    private app: Application;

    @ViewChild('appForm')
    private appForm: NgForm;
}

当我在选择输入中选择一个选项时，我没有面对app.transversal。

我在调试时查看了我的表单。如您所见，form.transversal被更改，但是this.app.transversal保留了null：

我知道我可以使用（更改）事件。我需要使用上述方法解决该问题。

Answer 1

请查看您的表单：您要绑定到<select>元素中 [ngModel]。 这意味着您只有单向数据绑定。

为了获得双向数据绑定，请将其更改为 [(ngModel)]。 这样，当您选择其他内容时，谷歌便会写回到模型中。