要将Angular 8中表单输入的值重置为另一个值,可以使用Angular Forms库中的FormControl
和setValue
方法。
下面是一个示例,演示如何将表单输入字段的值重置为另一个值:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
FormControl
对象来表示表单输入字段:@Component({
selector: 'app-reset-form',
template: `
`
})
export class ResetFormComponent {
myField = new FormControl('初始值');
resetField() {
this.myField.setValue('新值');
}
}
在上面的代码中,我们创建了一个名为myField
的FormControl
对象,并将其初始值设置为'初始值'
。然后,我们在模板中使用[formControl]
属性将该对象绑定到输入字段。
在resetField方法中,我们使用setValue
方法将myField
的值重置为'新值'
。
最后,在模板中添加一个按钮,当点击按钮时,调用resetField
方法来重置字段的值。
这样,当用户点击按钮时,输入字段的值将被重置为新值。
希望以上解决方法能够帮到你!