Question

我的示例表单（ControlGroup）包含2个控件，这些控件绑定到2个输入字段。由于ControlGroup有一个属性＆＃34;触及＆＃34;我希望当至少其中一个儿童控件被触及时，这将被设置为真。但这种情况并非如此。该物业＆＃34;触及＆＃34;即使已触摸其中一个子控件，ControlGroup仍设置为false。对于该物业＆＃34;有效＆＃34;相反，这可以按预期工作。我的期望是错的吗？

我使用的是2.0.0-beta.14

我的示例组件：

import {Component} from 'angular2/core';
import {ControlGroup, FormBuilder, Validators} from 'angular2/common';

@Component({
    selector: 'form-group-example',
    template: `
        <h1>Angular 2 Control & Control Group example</h1>
        <form [ngFormModel]="form" (ngSubmit)="onSubmit()">
            <label for="firstname">Vorname</label>
            <input id="firstname" ngControl="firstname"/>
            <label for="lastname">Nachname</label>
            <input id="lastname" ngControl="lastname"/>

            <button type="submit">Submit</button>
        </form>
    `
})
export class FormGroupExample {
    form: ControlGroup;

    constructor(fb: FormBuilder) {
        this.form = fb.group(
            {
                firstname: ['', Validators.maxLength(1)],
                lastname: [''],
            }
        );
    }

    onSubmit(): void {
        console.log("form touched", this.form.touched);
        console.log("form valid", this.form.valid);
    }
}

Answer 1

我读到的某个地方触摸了onblur事件。也许表格上没有任何不光彩。

财产＆＃34;感动＆＃34; ControlGroup未正确设置

1 个答案: