根据thoughtgram.io,目前支持的验证器有: required(必填) minlength(最小长度) maxlength(最大长度) pattern(模式匹配) 因此,考虑以下代码(在这里查看plunkr): @Component({ selector: 'my-ap...
我有以下模板。我正在尝试理解响应式表单,但遇到了一个问题。<form [formGroup]="guestForm" novalidate> <div class="panel-body"> <for...
我已经使用Angular2/forms提供的响应式表单准备了一个表单。该表单有一个名为"products"的表单数组: this.checkoutFormGroup = this.fb.group({ selectedNominee: ['', Validators....
我有一个 Angular 2 的表单:<register> <form [ngFormModel] = "registrationForm"> <div class = "form-group"> <la...
我有以下HTML代码,但遇到了异常。如何修复? 解析错误:在表达式预期位置的列48处获取了插值({{}}) [!(editForm.controls.field_item_exportExpression_{{i}}?.dirty && editForm.con...
我尝试制作一个动态表单(这样你可以无限地向列表中添加项目),但是由于找不到路径上的控件,我的列表内容未被发送: 无法找到路径为'list_items -> list_item'的控件 我的组件:@Component({ selector: 'app-list', templa...
我想创建一个自定义输入组件,可以与FormBuilder API一起使用。如何在组件内添加formControlName? 模板:<label class="custom-input__label" *ngIf="label"> {{ labe...
我在使用 Angular 创建了以下带有 FormBuilder 的表单:constructor(private fb: FormBuilder) { this.myForm = fb.group({ 'name': ['', [Validators.required], ...
我正在学习Angular2。在尝试在输入更改时应用某些内容时,我遇到了错误。 app.ts:export class AppComponent { form: ControlGroup; constructor(fb: FormBuilder) { this...