5 lines
51 KiB
JSON
5 lines
51 KiB
JSON
{
|
|
"id": "api/forms/NgForm",
|
|
"title": "NgForm",
|
|
"contents": "\n\n<article>\n <div class=\"breadcrumb-container\">\n <div class=\"breadcrumb\">\n <script type=\"application/ld+json\">\n {\n \"@context\": \"http://schema.org\",\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n { \"@type\": \"ListItem\", \"position\": 1, \"item\": { \"@id\": \"https://angular.io//api\", \"name\": \"API\" } },\n { \"@type\": \"ListItem\", \"position\": 2, \"item\": { \"@id\": \"https://angular.io/api/forms\", \"name\": \"@angular/forms\" } },\n { \"@type\": \"ListItem\", \"position\": 3, \"item\": { \"@id\": \"https://angular.io/api/forms/NgForm\", \"name\": \"NgForm\" } }\n ]\n }\n </script>\n <a href=\"/api\">API</a> > <a href=\"api/forms\">@angular/forms</a>\n </div>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L28-L332\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L28-L332\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n \n <header class=\"api-header\">\n <h1 id=\"ngform\">NgForm<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#ngform\"><i class=\"material-icons\">link</i></a></h1>\n \n <label class=\"api-type-label directive\">directive</label>\n \n \n \n </header>\n \n <aio-toc class=\"embedded\"></aio-toc>\n\n <div class=\"api-body\">\n \n <section class=\"short-description\">\n <p>Creates a top-level <code><a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code> instance and binds it to a form\nto track aggregate form value and validation status.</p>\n\n <p><a href=\"api/forms/NgForm#description\">See more...</a></p>\n </section>\n \n \n \n \n\n <h2 id=\"ngmodule\">NgModule<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#ngmodule\"><i class=\"material-icons\">link</i></a></h2>\n<ul class=\"ngmodule-list\">\n\n <li>\n <a href=\"api/forms/FormsModule\">\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box\">FormsModule</code-example>\n </a>\n </li>\n \n</ul>\n\n\n \n<section class=\"selector-list\">\n <h2 id=\"selectors\">Selectors<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#selectors\"><i class=\"material-icons\">link</i></a></h2>\n \n <ul>\n <li><code>form<i>:not([ngNoForm])</i><i>:not([formGroup])</i></code></li>\n \n <li><code><a href=\"api/forms/NgForm\" class=\"code-anchor\">ng-form</a></code></li>\n \n <li><code>[<a href=\"api/forms/NgForm\" class=\"code-anchor\">ngForm</a>]</code></li>\n \n </ul>\n \n</section>\n\n\n\n \n\n<section class=\"instance-properties\">\n <h2 id=\"properties\">Properties<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#properties\"><i class=\"material-icons\">link</i></a></h2>\n <table class=\"is-full-width list-table property-table\">\n <thead>\n <tr>\n <th>Property</th>\n <th>Description</th>\n </tr>\n </thead>\n <tbody>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"submitted\"></a>\n <code class=\"\"><span class=\"member-name\">submitted</span>: boolean</code>\n </td>\n <td><span class=\"read-only-property\">Read-Only</span>\n \n <p>Returns whether the form submission has been triggered.</p>\n\n \n </td>\n </tr>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"form\"></a>\n <code class=\"\"><span class=\"member-name\">form</span>: <a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code>\n </td>\n <td>\n \n <p>The <code><a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code> instance created for this form.</p>\n\n \n </td>\n </tr>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"ngSubmit\"></a>\n <code class=\"\"><span class=\"property-binding\">@<a href=\"api/core/Output\" class=\"code-anchor\">Output</a>()</span><br><span class=\"member-name\">ngSubmit</span>: <a href=\"api/core/EventEmitter\" class=\"code-anchor\">EventEmitter</a></code>\n </td>\n <td>\n \n <p>Event emitter for the \"ngSubmit\" event</p>\n\n \n </td>\n </tr>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"options\"></a>\n <code class=\"\"><span class=\"property-binding\">@<a href=\"api/core/Input\" class=\"code-anchor\">Input</a>('ngFormOptions')</span><br><span class=\"member-name\">options</span>: {\n updateOn?: FormHooks;\n}</code>\n </td>\n <td>\n \n <p>Tracks options for the <code><a href=\"api/forms/NgForm\" class=\"code-anchor\">NgForm</a></code> instance.</p>\n\n <p><strong>updateOn</strong>: Sets the default <code>updateOn</code> value for all child <code>NgModels</code> below it\nunless explicitly set by a child <code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code> using <code>ngModelOptions</code>). Defaults to 'change'.\nPossible values: <code>'change'</code> | <code>'blur'</code> | <code>'submit'</code>.</p>\n\n </td>\n </tr>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"formDirective\"></a>\n <code class=\"\"><span class=\"member-name\">formDirective</span>: <a href=\"api/forms/Form\" class=\"code-anchor\">Form</a></code>\n </td>\n <td><span class=\"read-only-property\">Read-Only</span>\n \n <p>The directive instance.</p>\n\n \n </td>\n </tr>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"control\"></a>\n <code class=\"\"><span class=\"member-name\">control</span>: <a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code>\n </td>\n <td><span class=\"read-only-property\">Read-Only</span>\n \n <p>The internal <code><a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code> instance.</p>\n\n \n </td>\n </tr>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"path\"></a>\n <code class=\"\"><span class=\"member-name\">path</span>: string[]</code>\n </td>\n <td><span class=\"read-only-property\">Read-Only</span>\n \n <p>Returns an array representing the path to this group. Because this directive\nalways lives at the top level of a form, it is always an empty array.</p>\n\n \n </td>\n </tr>\n \n <tr class=\"instance-property\">\n <td>\n <a id=\"controls\"></a>\n <code class=\"\"><span class=\"member-name\">controls</span>: {\n [key: string]: <a href=\"api/forms/AbstractControl\" class=\"code-anchor\">AbstractControl</a>;\n}</code>\n </td>\n <td><span class=\"read-only-property\">Read-Only</span>\n \n <p>Returns a map of the controls in this group.</p>\n\n \n </td>\n </tr>\n \n </tbody>\n </table>\n</section>\n\n\n<section class=\"inherited-members-list\">\n <h3 id=\"inherited-from-controlcontainer\">Inherited from <code><a class=\"code-anchor\" href=\"api/forms/ControlContainer\">ControlContainer</a></code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#inherited-from-controlcontainer\"><i class=\"material-icons\">link</i></a></h3>\n <ul>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/ControlContainer#name\"><span class=\"member-name\">name</span>: string | number | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/ControlContainer#formDirective\"><span class=\"member-name\">formDirective</span>: Form | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/ControlContainer#path\"><span class=\"member-name\">path</span>: string[] | null</a></code>\n </li>\n \n </ul>\n</section>\n\n\n\n<section class=\"inherited-members-list\">\n <h3 id=\"inherited-from-abstractcontroldirective\">Inherited from <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective\">AbstractControlDirective</a></code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#inherited-from-abstractcontroldirective\"><i class=\"material-icons\">link</i></a></h3>\n <ul>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#control\">abstract <span class=\"member-name\">control</span>: AbstractControl | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#value\"><span class=\"member-name\">value</span>: any</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#valid\"><span class=\"member-name\">valid</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#invalid\"><span class=\"member-name\">invalid</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#pending\"><span class=\"member-name\">pending</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#disabled\"><span class=\"member-name\">disabled</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#enabled\"><span class=\"member-name\">enabled</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#errors\"><span class=\"member-name\">errors</span>: ValidationErrors | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#pristine\"><span class=\"member-name\">pristine</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#dirty\"><span class=\"member-name\">dirty</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#touched\"><span class=\"member-name\">touched</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#status\"><span class=\"member-name\">status</span>: string | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#untouched\"><span class=\"member-name\">untouched</span>: boolean | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#statusChanges\"><span class=\"member-name\">statusChanges</span>: Observable<any> | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#valueChanges\"><span class=\"member-name\">valueChanges</span>: Observable<any> | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#path\"><span class=\"member-name\">path</span>: string[] | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#validator\"><span class=\"member-name\">validator</span>: ValidatorFn | null</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#asyncValidator\"><span class=\"member-name\">asyncValidator</span>: AsyncValidatorFn | null</a></code>\n </li>\n \n </ul>\n</section>\n\n\n\n\n\n\n \n<section class=\"export-as\">\n <h2 id=\"template-variable-references\">Template variable references<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#template-variable-references\"><i class=\"material-icons\">link</i></a></h2>\n <table class=\"is-full-width list-table export-as-table\">\n <thead>\n <tr>\n <th>Identifier</th>\n <th>Usage</th>\n </tr>\n </thead>\n <tbody>\n <tr class=\"export-as\">\n <td><code><a href=\"api/forms/NgForm\" class=\"code-anchor\">ngForm</a></code></td>\n <td><code>#myTemplateVar=\"<a href=\"api/forms/NgForm\" class=\"code-anchor\">ngForm</a>\"</code></td>\n </tr>\n \n </tbody>\n </table>\n</section>\n\n\n\n \n <section class=\"description\">\n <h2 id=\"description\">Description<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#description\"><i class=\"material-icons\">link</i></a></h2>\n <p>As soon as you import the <code><a href=\"api/forms/FormsModule\" class=\"code-anchor\">FormsModule</a></code>, this directive becomes active by default on\nall <code><form></code> tags. You don't need to add a special selector.</p>\n<p>You optionally export the directive into a local template variable using <code><a href=\"api/forms/NgForm\" class=\"code-anchor\">ngForm</a></code> as the key\n(ex: <code>#myForm=\"<a href=\"api/forms/NgForm\" class=\"code-anchor\">ngForm</a>\"</code>). This is optional, but useful. Many properties from the underlying\n<code><a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code> instance are duplicated on the directive itself, so a reference to it\ngives you access to the aggregate value and validity status of the form, as well as\nuser interaction properties like <code>dirty</code> and <code>touched</code>.</p>\n<p>To register child controls with the form, use <code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code> with a <code>name</code>\nattribute. You may use <code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code> to create sub-groups within the form.</p>\n<p>If necessary, listen to the directive's <code>ngSubmit</code> event to be notified when the user has\ntriggered a form submission. The <code>ngSubmit</code> event emits the original form\nsubmission event.</p>\n<p>In template driven forms, all <code><form></code> tags are automatically tagged as <code><a href=\"api/forms/NgForm\" class=\"code-anchor\">NgForm</a></code>.\nTo import the <code><a href=\"api/forms/FormsModule\" class=\"code-anchor\">FormsModule</a></code> but skip its usage in some forms,\nfor example, to use native HTML5 validation, add the <code>ngNoForm</code> and the <code><form></code>\ntags won't create an <code><a href=\"api/forms/NgForm\" class=\"code-anchor\">NgForm</a></code> directive. In reactive forms, using <code>ngNoForm</code> is\nunnecessary because the <code><form></code> tags are inert. In that case, you would\nrefrain from using the <code>formGroup</code> directive.</p>\n\n <h3 id=\"listening-for-form-submission\">Listening for form submission<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#listening-for-form-submission\"><i class=\"material-icons\">link</i></a></h3>\n<p>The following example shows how to capture the form values from the \"ngSubmit\" event.</p>\n<code-example path=\"forms/ts/simpleForm/simple_form_example.ts\" region=\"Component\">\nimport {<a href=\"api/core/Component\" class=\"code-anchor\">Component</a>} from '@angular/core';\nimport {<a href=\"api/forms/NgForm\" class=\"code-anchor\">NgForm</a>} from '@angular/forms';\n\n@<a href=\"api/core/Component\" class=\"code-anchor\">Component</a>({\n selector: 'example-app',\n template: `\n <form #f=\"<a href=\"api/forms/NgForm\" class=\"code-anchor\">ngForm</a>\" (ngSubmit)=\"onSubmit(f)\" novalidate>\n <input name=\"first\" <a href=\"api/forms/NgModel\" class=\"code-anchor\">ngModel</a> required #first=\"<a href=\"api/forms/NgModel\" class=\"code-anchor\">ngModel</a>\">\n <input name=\"last\" <a href=\"api/forms/NgModel\" class=\"code-anchor\">ngModel</a>>\n <button>Submit</button>\n </form>\n\n <p>First name value: {{ first.value }}</p>\n <p>First name valid: {{ first.valid }}</p>\n <p><a href=\"api/forms/Form\" class=\"code-anchor\">Form</a> value: {{ f.value | <a href=\"api/common/JsonPipe\" class=\"code-anchor\">json</a> }}</p>\n <p><a href=\"api/forms/Form\" class=\"code-anchor\">Form</a> valid: {{ f.valid }}</p>\n `,\n})\nexport class SimpleFormComp {\n onSubmit(f: <a href=\"api/forms/NgForm\" class=\"code-anchor\">NgForm</a>) {\n console.log(f.value); // { first: '', last: '' }\n console.log(f.valid); // false\n }\n}\n\n</code-example>\n<h3 id=\"setting-the-update-options\">Setting the update options<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#setting-the-update-options\"><i class=\"material-icons\">link</i></a></h3>\n<p>The following example shows you how to change the \"updateOn\" option from its default using\nngFormOptions.</p>\n<code-example language=\"html\">\n<form [ngFormOptions]=\"{updateOn: 'blur'}\">\n <input name=\"one\" <a href=\"api/forms/NgModel\" class=\"code-anchor\">ngModel</a>> <!-- this <a href=\"api/forms/NgModel\" class=\"code-anchor\">ngModel</a> will update on blur -->\n</form>\n</code-example>\n<h3 id=\"native-dom-validation-ui\">Native DOM validation UI<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#native-dom-validation-ui\"><i class=\"material-icons\">link</i></a></h3>\n<p>In order to prevent the native DOM form validation UI from interfering with Angular's form\nvalidation, Angular automatically adds the <code>novalidate</code> attribute on any <code><form></code> whenever\n<code>FormModule</code> or <code>ReactiveFormModule</code> are imported into the application.\nIf you want to explicitly enable native DOM validation UI with Angular forms, you can add the\n<code>ngNativeValidate</code> attribute to the <code><form></code> element:</p>\n<code-example language=\"html\">\n<form ngNativeValidate>\n ...\n</form>\n</code-example>\n\n </section>\n \n\n \n\n \n\n \n\n<section class=\"instance-methods\">\n <h2 id=\"methods\">Methods<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#methods\"><i class=\"material-icons\">link</i></a></h2>\n \n <a id=\"addControl\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"addcontrol\">\n addControl()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#addcontrol\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L179-L196\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L179-L196\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Method that sets up the control directive in this group, re-calculates its value\nand validity, and adds the instance to the internal list of directives.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">addControl</span>(dir: <a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a>): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>dir</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code></td>\n <td class=\"param-description\">\n <p>The <code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code> directive instance.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"getControl\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"getcontrol\">\n getControl()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#getcontrol\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L197-L206\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L197-L206\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Retrieves the <code><a href=\"api/forms/FormControl\" class=\"code-anchor\">FormControl</a></code> instance from the provided <code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code> directive.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">getControl</span>(dir: <a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a>): <a href=\"api/forms/FormControl\" class=\"code-anchor\">FormControl</a></code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-1\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>dir</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code></td>\n <td class=\"param-description\">\n <p>The <code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code> directive instance.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-1\">Returns</h6>\n <p><code><a href=\"api/forms/FormControl\" class=\"code-anchor\">FormControl</a></code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"removeControl\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"removecontrol\">\n removeControl()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#removecontrol\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L207-L222\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L207-L222\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Removes the <code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code> instance from the internal list of directives</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">removeControl</span>(dir: <a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a>): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-2\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>dir</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code></td>\n <td class=\"param-description\">\n <p>The <code><a href=\"api/forms/NgModel\" class=\"code-anchor\">NgModel</a></code> directive instance.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-2\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"addFormGroup\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"addformgroup\">\n addFormGroup()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#addformgroup\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L223-L238\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L223-L238\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Adds a new <code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code> directive instance to the form.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">addFormGroup</span>(dir: <a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a>): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-3\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>dir</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code></td>\n <td class=\"param-description\">\n <p>The <code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code> directive instance.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-3\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"removeFormGroup\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"removeformgroup\">\n removeFormGroup()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#removeformgroup\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L239-L253\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L239-L253\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Removes the <code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code> directive instance from the form.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">removeFormGroup</span>(dir: <a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a>): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-4\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>dir</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code></td>\n <td class=\"param-description\">\n <p>The <code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code> directive instance.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-4\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"getFormGroup\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"getformgroup\">\n getFormGroup()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#getformgroup\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L254-L263\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L254-L263\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Retrieves the <code><a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code> for a provided <code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code> directive instance</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">getFormGroup</span>(dir: <a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a>): <a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-5\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>dir</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code></td>\n <td class=\"param-description\">\n <p>The <code><a href=\"api/forms/NgModelGroup\" class=\"code-anchor\">NgModelGroup</a></code> directive instance.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-5\">Returns</h6>\n <p><code><a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"updateModel\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"updatemodel\">\n updateModel()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#updatemodel\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L264-L276\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L264-L276\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Sets the new value for the provided <code><a href=\"api/forms/NgControl\" class=\"code-anchor\">NgControl</a></code> directive.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">updateModel</span>(dir: <a href=\"api/forms/NgControl\" class=\"code-anchor\">NgControl</a>, value: any): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-6\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>dir</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/forms/NgControl\" class=\"code-anchor\">NgControl</a></code></td>\n <td class=\"param-description\">\n <p>The <code><a href=\"api/forms/NgControl\" class=\"code-anchor\">NgControl</a></code> directive instance.</p>\n\n </td>\n </tr>\n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>value</code>\n </td>\n <td class=\"param-type\"><code>any</code></td>\n <td class=\"param-description\">\n <p>The new value for the directive's control.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-6\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"setValue\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"setvalue\">\n setValue()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#setvalue\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L277-L286\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L277-L286\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Sets the value for this <code><a href=\"api/forms/FormGroup\" class=\"code-anchor\">FormGroup</a></code>.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">setValue</span>(value: { [key: string]: any; }): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-7\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>value</code>\n </td>\n <td class=\"param-type\"><code>object</code></td>\n <td class=\"param-description\">\n <p>The new value</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-7\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"onSubmit\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"onsubmit\">\n onSubmit()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#onsubmit\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L287-L300\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L287-L300\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Method called when the \"submit\" event is triggered on the form.\nTriggers the <code>ngSubmit</code> emitter to emit the \"submit\" event as its payload.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">onSubmit</span>($event: <a href=\"api/router/Event\" class=\"code-anchor\">Event</a>): boolean</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-8\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>$event</code>\n </td>\n <td class=\"param-type\"><code><a href=\"api/router/Event\" class=\"code-anchor\">Event</a></code></td>\n <td class=\"param-description\">\n <p>The \"submit\" event object</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-8\">Returns</h6>\n <p><code>boolean</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"onReset\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"onreset\">\n onReset()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#onreset\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L301-L308\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L301-L308\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Method called when the \"reset\" event is triggered on the form.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">onReset</span>(): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-9\">Parameters</h6>\n <p>There are no parameters.</p>\n\n \n <h6 class=\"no-anchor\" id=\"returns-9\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n <a id=\"resetForm\"></a>\n<table class=\"is-full-width method-table instance-method\">\n <thead><tr><th>\n <div class=\"with-github-links\">\n <h3 id=\"resetform\">\n resetForm()\n \n <a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#resetform\"><i class=\"material-icons\">link</i></a></h3>\n <div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L309-L319\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L309-L319\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n </div>\n </th></tr></thead>\n <tbody>\n <tr>\n <td class=\"short-description\">\n <p>Resets the form to an initial value and resets its submitted status.</p>\n\n </td>\n </tr>\n \n <tr>\n <td>\n <div class=\"overload-info\">\n \n\n <code-example language=\"ts\" hidecopy=\"true\" class=\"no-box api-heading\"><span class=\"member-name\">resetForm</span>(value: any = undefined): void</code-example>\n\n \n\n <h6 class=\"no-anchor\" id=\"parameters-10\">Parameters</h6>\n <table class=\"is-full-width list-table parameters-table instance-method-overload-parameters\">\n <tbody>\n \n <tr class=\"instance-method-overload-parameter\">\n <td class=\"param-name\">\n <a id=\"\"></a>\n <code>value</code>\n </td>\n <td class=\"param-type\"><code>any</code></td>\n <td class=\"param-description\">\n <p>The new value for the form.</p>\n<p> Optional. Default is <code>undefined</code>.</p>\n\n </td>\n </tr>\n </tbody>\n</table>\n\n \n <h6 class=\"no-anchor\" id=\"returns-10\">Returns</h6>\n <p><code>void</code></p>\n\n \n\n\n \n\n \n</div>\n </td>\n </tr>\n \n\n \n\n \n </tbody>\n</table>\n\n \n</section>\n\n \n\n\n\n\n<section class=\"inherited-members-list\">\n <h3 id=\"inherited-from-abstractcontroldirective-1\">Inherited from <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective\">AbstractControlDirective</a></code><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/forms/NgForm#inherited-from-abstractcontroldirective-1\"><i class=\"material-icons\">link</i></a></h3>\n <ul>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#reset\"><span class=\"member-name\">reset</span>(value: any = undefined): void</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#hasError\"><span class=\"member-name\">hasError</span>(errorCode: string, path?: string | (string | number)[]): boolean</a></code>\n </li>\n \n <li>\n <code><a class=\"code-anchor\" href=\"api/forms/AbstractControlDirective#getError\"><span class=\"member-name\">getError</span>(errorCode: string, path?: string | (string | number)[]): any</a></code>\n </li>\n \n </ul>\n</section>\n\n\n\n\n \n \n\n </div>\n</article>\n\n<!-- links to this doc:\n - api/core/AfterViewInit\n - api/forms\n - api/forms/AbstractControlDirective\n - api/forms/ControlContainer\n - api/forms/Form\n - api/forms/FormControlDirective\n - api/forms/FormGroupDirective\n - api/forms/FormsModule\n - api/forms/NgControlStatusGroup\n - api/forms/NgModel\n - api/forms/NgModelGroup\n - api/forms/SelectControlValueAccessor\n - errors/NG0301\n - errors/NG8003\n - guide/form-validation\n - guide/forms\n - guide/forms-overview\n - guide/glossary\n - guide/template-reference-variables\n-->\n<!-- links from this doc:\n - /api\n - api/common/JsonPipe\n - api/core/Component\n - api/core/EventEmitter\n - api/core/Input\n - api/core/Output\n - api/forms\n - api/forms/AbstractControl\n - api/forms/AbstractControlDirective\n - api/forms/AbstractControlDirective#asyncValidator\n - api/forms/AbstractControlDirective#control\n - api/forms/AbstractControlDirective#dirty\n - api/forms/AbstractControlDirective#disabled\n - api/forms/AbstractControlDirective#enabled\n - api/forms/AbstractControlDirective#errors\n - api/forms/AbstractControlDirective#getError\n - api/forms/AbstractControlDirective#hasError\n - api/forms/AbstractControlDirective#invalid\n - api/forms/AbstractControlDirective#path\n - api/forms/AbstractControlDirective#pending\n - api/forms/AbstractControlDirective#pristine\n - api/forms/AbstractControlDirective#reset\n - api/forms/AbstractControlDirective#status\n - api/forms/AbstractControlDirective#statusChanges\n - api/forms/AbstractControlDirective#touched\n - api/forms/AbstractControlDirective#untouched\n - api/forms/AbstractControlDirective#valid\n - api/forms/AbstractControlDirective#validator\n - api/forms/AbstractControlDirective#value\n - api/forms/AbstractControlDirective#valueChanges\n - api/forms/ControlContainer\n - api/forms/ControlContainer#formDirective\n - api/forms/ControlContainer#name\n - api/forms/ControlContainer#path\n - api/forms/Form\n - api/forms/FormControl\n - api/forms/FormGroup\n - api/forms/FormsModule\n - api/forms/NgControl\n - api/forms/NgForm#addcontrol\n - api/forms/NgForm#addformgroup\n - api/forms/NgForm#description\n - api/forms/NgForm#getcontrol\n - api/forms/NgForm#getformgroup\n - api/forms/NgForm#inherited-from-abstractcontroldirective\n - api/forms/NgForm#inherited-from-abstractcontroldirective-1\n - api/forms/NgForm#inherited-from-controlcontainer\n - api/forms/NgForm#listening-for-form-submission\n - api/forms/NgForm#methods\n - api/forms/NgForm#native-dom-validation-ui\n - api/forms/NgForm#ngform\n - api/forms/NgForm#ngmodule\n - api/forms/NgForm#onreset\n - api/forms/NgForm#onsubmit\n - api/forms/NgForm#properties\n - api/forms/NgForm#removecontrol\n - api/forms/NgForm#removeformgroup\n - api/forms/NgForm#resetform\n - api/forms/NgForm#selectors\n - api/forms/NgForm#setting-the-update-options\n - api/forms/NgForm#setvalue\n - api/forms/NgForm#template-variable-references\n - api/forms/NgForm#updatemodel\n - api/forms/NgModel\n - api/forms/NgModelGroup\n - api/router/Event\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L179-L196\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L197-L206\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L207-L222\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L223-L238\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L239-L253\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L254-L263\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L264-L276\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L277-L286\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L28-L332\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L287-L300\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L301-L308\n - https://github.com/angular/angular/edit/master/packages/forms/src/directives/ng_form.ts?message=docs(forms)%3A%20describe%20your%20change...#L309-L319\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L179-L196\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L197-L206\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L207-L222\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L223-L238\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L239-L253\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L254-L263\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L264-L276\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L277-L286\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L28-L332\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L287-L300\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L301-L308\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/forms/src/directives/ng_form.ts#L309-L319\n-->"
|
|
} |