How to use @delon/form - 9 common examples
To help you get started, we’ve selected a few @delon/form examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
dotnetcore / OSharp / samples / web / ui-clients / ng-alain8 / src / app / shared / json-schema / json-schema.module.ts View on Github 
import { SharedModule } from '@shared';
// import { TinymceWidget } from './widgets/tinymce/tinymce.widget';
// import { UEditorWidget } from './widgets/ueditor/ueditor.widget';
export const SCHEMA_THIRDS_COMPONENTS = [
// TinymceWidget,
// UEditorWidget
];
@NgModule({
declarations: SCHEMA_THIRDS_COMPONENTS,
entryComponents: SCHEMA_THIRDS_COMPONENTS,
imports: [
SharedModule,
DelonFormModule.forRoot()
],
exports: [
...SCHEMA_THIRDS_COMPONENTS
]
})
export class JsonSchemaModule {
constructor(widgetRegistry: WidgetRegistry) {
// widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);
// widgetRegistry.register(UEditorWidget.KEY, UEditorWidget);
}
}import { DelonFormModule, WidgetRegistry } from '@delon/form';
// import { TinymceWidget } from './widgets/tinymce/tinymce.widget';
// import { UEditorWidget } from './widgets/ueditor/ueditor.widget';
export const SCHEMA_THIRDS_COMPONENTS = [
// TinymceWidget,
// UEditorWidget
];
@NgModule({
declarations: SCHEMA_THIRDS_COMPONENTS,
entryComponents: SCHEMA_THIRDS_COMPONENTS,
imports: [
SharedModule,
DelonFormModule.forRoot()
],
exports: [
...SCHEMA_THIRDS_COMPONENTS
]
})
export class JsonSchemaModule {
constructor(widgetRegistry: WidgetRegistry) {
// widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);
// widgetRegistry.register(UEditorWidget.KEY, UEditorWidget);
}
}license: `A59B099A586B3851E0F0D7FDBF37B603`,
licenseA: `C94CEE276DB2187AE6B65D56B3FC2848`
});
}
// endregion
@NgModule({
imports: [
NgZorroAntdModule.forRoot(),
// theme
AlainThemeModule.forRoot(),
// abc
DelonABCModule.forRoot(),
// form
DelonFormModule.forRoot(),
DelonUtilModule.forRoot()
]
})
export class DelonModule {
constructor( @Optional() @SkipSelf() parentModule: DelonModule) {
throwIfAlreadyLoaded(parentModule, 'DelonModule');
}
static forRoot(): ModuleWithProviders {
return {
ngModule: DelonModule,
providers: [
{ provide: AdLodopConfig, useFactory: adLodopConfig }
]
};
}return Object.assign(new STConfig(), {
ps: 3,
});
}
export function fnLodopConfig(): LodopConfig {
return Object.assign(new LodopConfig(), {
license: `A59B099A586B3851E0F0D7FDBF37B603`,
licenseA: `C94CEE276DB2187AE6B65D56B3FC2848`,
});
}
// #endregion
@NgModule({
imports: [AlainThemeModule.forRoot(), DelonFormModule.forRoot(), DelonACLModule.forRoot(), DelonMockModule.forRoot({ data: MOCKDATA })],
})
export class DelonModule {
constructor(
@Optional()
@SkipSelf()
parentModule: DelonModule,
) {
throwIfAlreadyLoaded(parentModule, 'DelonModule');
}
static forRoot(): ModuleWithProviders {
return {
ngModule: DelonModule,
providers: [...REUSETAB_PROVIDES, { provide: STConfig, useFactory: fnSTConfig }, { provide: LodopConfig, useFactory: fnLodopConfig }],
};
}import { SharedModule } from '@shared';
// import { TinymceWidget } from './widgets/tinymce/tinymce.widget';
// import { UEditorWidget } from './widgets/ueditor/ueditor.widget';
export const SCHEMA_THIRDS_COMPONENTS = [
// TinymceWidget,
// UEditorWidget
];
@NgModule({
declarations: SCHEMA_THIRDS_COMPONENTS,
entryComponents: SCHEMA_THIRDS_COMPONENTS,
imports: [
SharedModule,
DelonFormModule.forRoot()
],
exports: [
...SCHEMA_THIRDS_COMPONENTS
]
})
export class JsonSchemaModule {
constructor(widgetRegistry: WidgetRegistry) {
// widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);
// widgetRegistry.register(UEditorWidget.KEY, UEditorWidget);
}
}import { TinymceWidget } from '../../../../packages/form/widgets-third/tinymce/tinymce.widget';
import { UeditorWidget } from '../../../../packages/form/widgets-third/ueditor/ueditor.widget';
import { MarkdownWidget } from '../../../../packages/form/widgets-third/markdown/markdown.widget';
export const SCHEMA_THIRDS_COMPONENTS = [
TinymceWidget,
UeditorWidget,
MarkdownWidget
];
@NgModule({
declarations: SCHEMA_THIRDS_COMPONENTS,
entryComponents: SCHEMA_THIRDS_COMPONENTS,
imports: [
SharedModule,
DelonFormModule.forRoot()
],
exports: [
...SCHEMA_THIRDS_COMPONENTS
]
})
export class JsonSchemaModule {
constructor(widgetRegistry: WidgetRegistry) {
widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);
widgetRegistry.register(UeditorWidget.KEY, UeditorWidget);
widgetRegistry.register(MarkdownWidget.KEY, MarkdownWidget);
}
}SearchWidgetComponent,
ListBoxWidgetComponent,
DictWidgetComponent,
TreeWidgetComponent,
ChoicesWidgetComponent,
ImageWidgetComponent,
AvatarWidgetComponent,
TabsWidgetComponent,
TextareaWidgetComponent,
TreeSelectWidgetComponent
];
@NgModule({
declarations: SCHEMA_THIRDS_COMPONENTS,
entryComponents: SCHEMA_THIRDS_COMPONENTS,
imports: [SharedModule, DelonFormModule.forRoot()],
exports: [...SCHEMA_THIRDS_COMPONENTS]
})
export class JsonSchemaModule {
constructor(widgetRegistry: WidgetRegistry) {
widgetRegistry.register(EditorWidget.KEY, EditorWidget);
widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);
widgetRegistry.register(UeditorWidget.KEY, UeditorWidget);
widgetRegistry.register(
SearchWidgetComponent.KEY,
SearchWidgetComponent
);
widgetRegistry.register(
ListBoxWidgetComponent.KEY,
ListBoxWidgetComponent
);
widgetRegistry.register(DictWidgetComponent.KEY, DictWidgetComponent);DictWidgetComponent,
TreeWidgetComponent,
ChoicesWidgetComponent,
ImageWidgetComponent,
AvatarWidgetComponent,
TabsWidgetComponent,
TextareaWidgetComponent,
TreeSelectWidgetComponent,
];
@NgModule({
declarations: SCHEMA_THIRDS_COMPONENTS,
entryComponents: SCHEMA_THIRDS_COMPONENTS,
imports: [
SharedModule,
DelonFormModule.forRoot()
],
exports: [
...SCHEMA_THIRDS_COMPONENTS
]
})
export class JsonSchemaModule {
constructor(widgetRegistry: WidgetRegistry) {
widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);
widgetRegistry.register(UeditorWidget.KEY, UeditorWidget);
widgetRegistry.register(SearchWidgetComponent.KEY, SearchWidgetComponent);
widgetRegistry.register(ListBoxWidgetComponent.KEY, ListBoxWidgetComponent);
widgetRegistry.register(DictWidgetComponent.KEY, DictWidgetComponent);
widgetRegistry.register(TreeWidgetComponent.KEY, TreeWidgetComponent);
widgetRegistry.register(ChoicesWidgetComponent.KEY, ChoicesWidgetComponent);
widgetRegistry.register(ImageWidgetComponent.KEY, ImageWidgetComponent);
widgetRegistry.register(AvatarWidgetComponent.KEY, AvatarWidgetComponent);import { NgModule } from '@angular/core';
import { SharedModule } from '../shared.module';
import { DelonFormModule, WidgetRegistry } from '@delon/form';
import { MarkdownWidget } from '../../../../packages/form/widgets-third/markdown/markdown.widget';
import { TinymceWidget } from '../../../../packages/form/widgets-third/tinymce/tinymce.widget';
import { UeditorWidget } from '../../../../packages/form/widgets-third/ueditor/ueditor.widget';
export const SCHEMA_THIRDS_COMPONENTS = [TinymceWidget, UeditorWidget, MarkdownWidget];
@NgModule({
declarations: SCHEMA_THIRDS_COMPONENTS,
entryComponents: SCHEMA_THIRDS_COMPONENTS,
imports: [SharedModule, DelonFormModule.forRoot()],
exports: [...SCHEMA_THIRDS_COMPONENTS],
})
export class JsonSchemaModule {
constructor(widgetRegistry: WidgetRegistry) {
widgetRegistry.register(TinymceWidget.KEY, TinymceWidget);
widgetRegistry.register(UeditorWidget.KEY, UeditorWidget);
widgetRegistry.register(MarkdownWidget.KEY, MarkdownWidget);
}
}@delon/form
Angular form generation based on JSON-Schema.
