NG-ALAIN- Documents
Getting Started Schema Validation Error Customize Widgets Layout FAQ
- Examples
在线校验器 aclACL Conditional expression i18nInternationalization modal模态框
- Widgets
arrayArray autocompleteAutocomplete booleanSwitch cascaderCascader checkboxCheckbox customCustom dateDate mentionMention numberInput Number objectObject radioRadio rangeSlider rateRate selectSelect stringInput tagTag textText textareaTextarea timeTime transferTransfer tree-selectTree Select uploadUpload
- Third Widgets
markdownMarkdown Editor tinymceTinymce Rich Text ueditorUeditor Rich Text
在模态框里使用表单是一种非常常见场景，其实 ng g ng-alain:edit edit 的时候会得到一个完整示例；会得到这样的一个HTML模板：
<sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
<div class="modal-footer">
<button nz-button type="button" (click)="close()">关闭</button>
<button nz-button type="submit" [nzType]="'primary'" (click)="save(sf.value)" [disabled]="!sf.valid" [nzLoading]="http.loading">保存</button>
</div>
</sf>.modal-footer 已经非常友好的融合了自定
Examples
Simplest of usage.
import { Component } from '@angular/core';
import { ModalHelper } from '@delon/theme';
import { DemoSfComponent } from '@shared';
@Component({
selector: 'form-modal-simple',
template: `
<button nz-button type="button" (click)="open()">Open</button>
`,
})
export class FormModalSimpleComponent {
constructor(private mh: ModalHelper) {}
open(): void {
this.mh.create(DemoSfComponent).subscribe(console.log);
}
}