0

有没有一种方法可以同时定义具有两个输入的自定义形式类型,而没有来自材料的黑线。
我需要的是带有滑块的正式数字输入。用户应该能够正常输入输入并更改给定值。
像这样: 我的方法:
在此处输入图像描述

在 my 中扩展自定义组件FormlyModule.forRoot({types:[...]})

{
    name: 'custom-test-input',
    component: FormlyTestInputComponent, 
    extends:'input',
}

模板:

<input matInput 
  type="number"
  [formControl]="formControl" 
/>
<mat-slider></mat-slider>

我知道如何使用to.bindValue(不是在上面的示例代码中)绑定这两个值,但是在扩展输入之后,我有这个输入字段行位于我认为来自的整个表单字段下方mat-form-field
喜欢: 有没有办法缩小这条线,把它放在输入字段下,并将它保存在一个自定义类型中?谢谢你的帮助!
在此处输入图像描述

4

1 回答 1

0

在查看了实现之后,我找到了一种隐藏mat-form-field-underline的方法。
使用可以在 types 数组中的自定义表单上设置的 defaultOptions 来访问 hideFieldUnderline 属性(布尔值)是解决方案。
这是在扩展自定义表单的表单上禁用下划线的方法。

types: [{ 
    name: 'custom-slider-input',
    component: FormlyCustomSliderInputComponent, 
    extends:'slider',
    defaultOptions: {
        templateOptions: {
            hideFieldUnderline: true, //is hiding underline
        },
    }
}],
于 2020-02-21T14:25:05.790 回答