小编Rém*_*émi的帖子

如何使用Angular重置自定义表单控件

我有一个自定义表单控件与验证.我在其中使用一个独立的FormControl来处理值和一些验证.

当控件从另一个FormGroup重置时,Angular有没有办法重置内部FormControl?

贝娄是我的自定义表格控件.我希望能够重置durationControl.

duration.component.ts

import { ChangeDetectionStrategy, Component, Input, OnInit, Optional, Self } from '@angular/core';
import { AbstractControl, ControlValueAccessor, FormControl, NgControl, ValidationErrors, Validators } from '@angular/forms';
import { Observable } from 'rxjs';
import { map, startWith, tap } from 'rxjs/operators';
import { Regex } from '../../constants';

@Component({
    selector: 'my-duration',
    templateUrl: 'duration.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class DurationComponent implements ControlValueAccessor, OnInit {
    @Input() required: boolean;

    durations: string[] = [
        '15m',
        '30m',
        '45m',
        '1h',
        '1h 15m',
        '1h 30m',
        '1h 45m',
        '2h'
    ]; …
Run Code Online (Sandbox Code Playgroud)

typescript angular angular-reactive-forms

7
推荐指数
1
解决办法
4293
查看次数

带有验证错误的 Angular6 Material 自定义表单字段控件(mat-error)

如何制作 Material 自定义表单字段控件(如这个)以支持表单验证并使用 mat-error 显示它们?我知道常规 matInput 指令使用 ErrorStateMatcher ( doc ),但我不明白如何将其与自定义表单字段链接。

forms angular angular6 angular-material-6

4
推荐指数
1
解决办法
1553
查看次数