如何将多个自定义表单控件组合成1个Angular2 +

时间:2018-01-30 23:54:37

标签: angular angular5 angular-reactive-forms

我为输入数字做了一个自定义表单控件:

@Component({
    selector: 'number-input',
    templateUrl: './number-input.component.html',
    styleUrls: ['./number-input.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: forwardRef(() => NumberInputComponent),
            multi: true
        }
    ]
})
    export class NumberInputComponent implements ControlValueAccessor {
... }

这个很棒。我用它来制作带有反应形式的TimePicker:

                <number-input [max]="23" formControlName="startTimeHours"></number-input>
                <number-input [max]="45" [step]="15" formControlName="startTimeMinutes"></number-input>

我想将此时间戳封装在一个自定义表单控件中。它可以吗?怎么样?

1 个答案:

答案 0 :(得分:2)

自从我编写Angular代码以来已经有一段时间了,但是在我使用它之后这种方法效果很好。它使用的是旧版本的Angular 2,因此请将其视为伪代码。

您还需要考虑错误传播。看看a similar question I had a while ago

/OMRequest/Data/Item/Value/text()