在Angular中,可以使用[(ngModel)]指令将表单字段的值与组件中的对象参数进行绑定。但是,在使用下拉列表(
这个问题通常需要使用双向绑定[(ngModel)]结合ngModelChange事件来解决。当下拉列表的值发生变化时,ngModelChange事件会被触发,我们可以在事件处理器中手动将所选的值赋给对象参数。
以下是示例代码:
In component:
export class MyComponent {
public selectedValue: string;
public myObjectParam: any = {};
public onSelectedValueChange(newValue: string) {
this.selectedValue = newValue;
this.myObjectParam.myProperty = newValue;
}
}
In template:
在这个示例中,当用户在下拉列表中选择一个值时,onSelectedValueChange事件处理器会被调用,并将所选的值手动赋给myObjectParam对象参数中的myProperty属性。
这样,我们就解决了Angular NgModel无法将选择的值赋给对象参数的问题。