DOCSEARCHbyAlgolia
Submit Docs

NG-ALAIN Documentation

website·Indexed 33 days ago

https://ng-alain.com/zh

A production-ready solution for admin interfaces built on Ant Design principles for Angular. The documentation covers the @delon/* component suite (including 92 components), architecture, theme customization using Less, build and deployment, and scaffolding via Angular CLI.

Tokens
80.4K
Snippets
439
Records
692
Agent score
67%

What's inside NG-ALAIN

  2. Overview of NG-ALAIN _date utility features

    The _date utility provides a set of features for handling dates and times within the application, including:

    • User-friendly call methods for date manipulation.
    • Built-in maintenance of a loading attribute to track asynchronous date operations.
    • Native handling of null values to prevent runtime errors.
    • A unified time format based on timestamps for consistency across the system.
    • Integration support for HTTP decorators such as @GET and @POST.

  3. Overview of the Cascader component

    The Cascader component is a non-built-in widget used for selecting items from a hierarchical structure. Common use cases include selecting geographic locations (province/city/district), navigating company hierarchies, or selecting nested categories.

  4. Overview of the NG-ALAIN xlsx component

    The xlsx component provides Excel file operations based on the sheetjs library. For advanced requirements such as images and styles, the js-xlsx fork is recommended. The component allows for rendering Excel data using a callback option.
    import { XlsxModule } from '@delon/abc/xlsx';

  5. Overview of NG-ALAIN Architecture Features

    The NG-ALAIN architecture is designed for compatibility with Ant Design projects and provides a set of customizable widgets. Key features include:

    • Compliance with the JSON Schema standard.
    • Built upon the ng-zorro-antd library and Ant Design principles.
    • Includes twenty different widgets that are fully customizable.
    • Zero third-party dependencies, ensuring it can be integrated into any antd-based project.

  6. Overview of the SV (View) component

    The sv component is a higher-order component based on the original Grid System designed specifically for view pages within CURD (Create, Read, Update, Delete) workflows. It is used to present data in a structured grid layout for viewing purposes.
    import { SVModule } from '@delon/abc/sv';

  8. Overview of Blank Layout in NG-ALAIN

    The Blank Layout is designed for pages requiring high customization of top and side areas, such as large-screen data dashboards. All configuration parameters for this layout are prefixed with @alain-blank-.

  9. Overview of the st configurable table component

    The st component is a configurable rendering wrapper built on top of nz-table. It is designed to simplify the implementation of data tables in admin interfaces without requiring the creation of a full custom table component for every scenario.
    import { STModule } from '@delon/abc/st';

  10. Overview of @delon/mock simulation data generator

    @delon/mock is a simulation data generator designed for Angular projects. It allows front-end developers to prototype and develop features independently of back-end progress and is particularly useful for reducing monotony during the creation of automated tests. It is designed to be unobtrusive, simple to use, and provides support for the faker-js/faker library.

  12. Overview of NG-ALAIN Architecture and @delon Libraries

    NG-ALAIN is built upon a suite of modular libraries under the @delon scope, designed to simplify the development of admin consoles and business applications. The architecture consists of the following core modules: