@volo/abp.ng.lowcode

Angular package for ABP Low Code dynamic entities: list, create/edit modal, and UI definitions from the backend.

Testing the package

1. Unit tests (Jest)

From the ng-packs root:

yarn nx test lowcode
# or
npx nx test lowcode

The package has Jest configured; add *.spec.ts files under src/lib (e.g. for services or components) to run real tests. Without any spec files, the test run may report no tests.

2. Manual testing with dev-app

To try the components in the browser with a real backend:

1. Backend: Run an app that hosts the ABP Low Code module (e.g. Volo.Abp.LowCode from volo/abp/low-code) so that these APIs are available:

   • GET/POST/PUT/DELETE .../api/low-code/entities/{entityName}
   • GET .../api/low-code/ui/entities/{entityName}/definition
   • GET .../api/low-code/ui/menu-items

2. Frontend: From ng-packs root:

   yarn start
   # or: npx nx serve dev-app

   Point the dev-app to your backend URL in apps/dev-app/src/environments/environment.ts (apis.default.url).

3. Route: Open the lowcode page in the app (e.g. /lowcode or /lowcode/YourEntityName). The dev-app includes a sample route that renders abp-dynamic-entity-list; use the entity name that exists in your backend model.

4. Login: Ensure you are logged in and have permission to call the low-code APIs.

3. Build check

To ensure the library builds:

yarn nx build lowcode

Usage in your app

import { DynamicEntityListComponent } from '@volo/abp.ng.lowcode';

// In your route or template:
// <abp-dynamic-entity-list entityName="YourEntityName" />

Export from @volo/abp.ng.lowcode: models, DynamicEntityService, DynamicEntityUIService, DynamicEntityListComponent, DynamicEntityModalComponent.