ng-alain组件开发技能Skill ng-alain-component-development

这项技能帮助使用ng-alain和ng-zorro-antd创建企业级UI组件,涉及ST(简单表格)、SF(模式表单)、ACL(访问控制)、响应式布局等关键技术,遵循Angular 20模式。

前端开发 0 次安装 0 次浏览 更新于 2/28/2026

ng-alain Component Development Skill

This skill helps create enterprise UI components using ng-alain and ng-zorro-antd.

Core Libraries

@delon Packages

  • @delon/abc: Business components (ST, SV, SEModule, etc.)
  • @delon/form: Dynamic schema-based forms (SF)
  • @delon/auth: Authentication and authorization
  • @delon/acl: Access Control List
  • @delon/theme: Theming and layout system
  • @delon/util: Utility functions

ng-zorro-antd

  • Complete Ant Design component library
  • Icons, layouts, forms, tables, modals, etc.

Common Patterns

1. ST (Simple Table) Component

2. SF (Schema Form) Component

3. Page Header with Actions

4. ACL (Access Control)

5. Responsive Layout

6. Modal and Drawer

ng-alain Theming

Using Theme Variables

Dark Mode Support

Best Practices

Checklist

References