import { OnInit, OnDestroy } from 'angular2/core'; import { ControlContainer } from './control_container'; import { ControlGroup } from '../model'; import { Form } from './form_interface'; import { AsyncValidatorFn, ValidatorFn } from './validators'; /** * Creates and binds a control group to a DOM element. * * This directive can only be used as a child of {@link NgForm} or {@link NgFormModel}. * * ### Example ([live demo](http://plnkr.co/edit/7EJ11uGeaggViYM6T5nq?p=preview)) * * ```typescript * @Component({ * selector: 'my-app', * directives: [FORM_DIRECTIVES], * template: ` *
*

Angular2 Control & ControlGroup Example

*
*
*

Enter your name:

*

First:

*

Middle:

*

Last:

*
*

Name value:

*
{{valueOf(cgName)}}
*

Name is {{cgName?.control?.valid ? "valid" : "invalid"}}

*

What's your favorite food?

*

*

Form value

*
{{valueOf(f)}}
*
*
* ` * }) * export class App { * valueOf(cg: NgControlGroup): string { * if (cg.control == null) { * return null; * } * return JSON.stringify(cg.control.value, null, 2); * } * } * ``` * * This example declares a control group for a user's name. The value and validation state of * this group can be accessed separately from the overall form. */ export declare class NgControlGroup extends ControlContainer implements OnInit, OnDestroy { private _validators; private _asyncValidators; constructor(parent: ControlContainer, _validators: any[], _asyncValidators: any[]); ngOnInit(): void; ngOnDestroy(): void; /** * Get the {@link ControlGroup} backing this binding. */ control: ControlGroup; /** * Get the path to this control group. */ path: string[]; /** * Get the {@link Form} to which this group belongs. */ formDirective: Form; validator: ValidatorFn; asyncValidator: AsyncValidatorFn; }