import { Component } from '@angular/core';
import { SFSchema, SFSliderWidgetSchema } from '@delon/form';
import { NzMessageService } from 'ng-zorro-antd/message';
@Component({
selector: 'form-slider-simple',
template: ` <sf [schema]="schema" (formSubmit)="submit($event)"></sf> `,
})
export class FormSliderSimpleComponent {
schema: SFSchema = {
properties: {
count: {
type: 'number',
title: '数量',
ui: {
widget: 'slider',
} as SFSliderWidgetSchema,
default: 10,
},
// 双滑块模式
range: {
type: 'number',
title: '范围',
ui: {
widget: 'slider',
range: true,
} as SFSliderWidgetSchema,
default: [10, 20],
},
},
};
constructor(private msg: NzMessageService) {}
submit(value: {}): void {
this.msg.success(JSON.stringify(value));
}
}