如何使用ngx-formly

时间:2019-09-04 08:23:19

标签: angular angular-formly ngx-formly

我正在将Angular 7与ngx一起使用,卡在需要在选项选择上使用日期范围过滤器的地方。在点击自定义日期时,我需要显示日期范围选择器。 我的设计应如下所示: enter image description here

 fields: FormlyFieldConfig[] = [
    {
        fieldGroupClassName: 'row',
        fieldGroup: [
            {
                className: 'col-auto',
                key: 'filterDate',
                type: 'select',
                templateOptions: {
                    label: 'Date Filter',
                    options: [
                        { 'id': 1, 'value': 'All' },
                        { 'id': 2, 'value': 'Today' },
                        { 'id': 3, 'value': 'Last Week' },
                        { 'id': 4, 'value': 'Last Month' },
                        { 'id': 5, 'value': 'Custom Date' }],
                    bindValue: 'id',
                    bindLabel: 'value',
                    placeholder: 'All',
                    closeOnSelect: true,
                    clearable: true
                },
            },
        ]
    },

]

我尝试了ngx正式文档中提到的包装器。 https://ngx-formly.github.io/ngx-formly/examples/other/nested-formly-forms

0 个答案:

没有答案