在Angular 7/8中,模板驱动表单默认不允许空字符串作为有效的输入。然而,我们可以通过添加ngDefaultControl
指令来解决这个问题。以下是一个示例代码:
在上面的代码中,我们在input
元素上添加了ngDefaultControl
指令。这将允许空字符串作为有效的输入。
在组件中,我们可以使用myForm.value
来获取表单的值。以下是一个示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-form',
template: `
`,
})
export class MyFormComponent {
onSubmit(formValue: any) {
console.log(formValue);
}
}
在上面的代码中,当用户提交表单时,onSubmit
方法将表单的值打印到控制台中。
请注意,使用ngDefaultControl
指令允许空字符串作为有效的输入,但仍然会验证其他表单验证规则(如必填字段)。如果要在没有输入的情况下接受空值,请改用ngModel
绑定到一个可选的属性。