FormControlDirective
Synchronizes a standalone FormControl instance to a form control element.
参见
NgModule
选择器
[formControl]
属性
| 属性 | 说明 |
|---|---|
viewModel: any | Internal reference to the view model value. |
@Input('formControl') | Tracks the |
@Input('disabled') | Write-only. Triggers a warning that this input should not be used with reactive forms. |
@Input('ngModel') | |
@Output('ngModelChange') | |
path: string[] | 只读 Returns an array that represents the path from the top-level form to this control. Each index is the string name of the control on that level. |
validator: ValidatorFn | null | 只读 Synchronous validator function composed of all the synchronous validators registered with this directive. |
asyncValidator: AsyncValidatorFn | null | 只读 Async validator function composed of all the async validators registered with this directive. |
control: FormControl | 只读 The |
继承自 NgControl
继承自 AbstractControlDirective
-
abstract control: AbstractControl | null -
value: any -
valid: boolean | null -
invalid: boolean | null -
pending: boolean | null -
disabled: boolean | null -
enabled: boolean | null -
errors: ValidationErrors | null -
pristine: boolean | null -
dirty: boolean | null -
touched: boolean | null -
status: string | null -
untouched: boolean | null -
statusChanges: Observable<any> | null -
valueChanges: Observable<any> | null -
path: string[] | null
模板变量参考手册
| 标识符 | 用途 |
|---|---|
ngForm | #myTemplateVar="ngForm" |
说明
Note that support for using the ngModel input property and ngModelChange event with reactive form directives was deprecated in Angular v6 and is scheduled for removal in a future version of Angular. For details, see Deprecated features.
The following example shows how to register a standalone control and set its value.
import {Component} from '@angular/core';
import {FormControl, Validators} from '@angular/forms';
@Component({
selector: 'example-app',
template: `
<input [formControl]="control">
<p>Value: {{ control.value }}</p>
<p>Validation status: {{ control.status }}</p>
<button (click)="setValue()">Set value</button>
`,
})
export class SimpleFormControl {
control: FormControl = new FormControl('value', Validators.minLength(2));
setValue() {
this.control.setValue('new value');
}
}
方法
A lifecycle method called when the directive's inputs change. For internal use only. | |||
参数
返回值
|
Sets the new value for the view model and emits an |
