如何用ngmodel角向预填表

当我打开表单时,我希望一些字段预先填充值。所以我用 [checked]="userFilter[u.id]" 下面。

但是,只要我把 ngModel 指令到元素中,表单不显示预填充的值。

例如

<!-- works and checks/unchecks the box according to userFilter[u.id] when first opening the form -->
<input type="checkbox" id="{{u.id}}" name="{{u.name}}" [checked]="userFilter[u.id]">


<!-- does not check or uncheck the box according to userFilter[u.id] when first opening the form -->
<input type="checkbox" id="{{u.id}}" name="{{u.name}}" ngModel [checked]="userFilter[u.id]">

我想使用ngmodel,因为当我提交表单时,我想访问所有字段和值,如下所示:

onSubmit(f: NgForm) {
   console.log('form values', f.value); 
}

也可以,但是我需要打开已经定义了一些值的表单

谢谢