NGX View Builder

https://ngxviewbuilder.io/ai/#ai-reference

Admin

NGX View Builder is a visual builder for complete Angular views, allowing users to design pages with...

Tokens:901

Snippets:17

Trust Score:2.3

Update:3 months ago

Show doc for...

Tokens:

Raw

### Integrate NGX View Builder Runtime in Angular

Source: https://ngxviewbuilder.io

This snippet shows how to import and use the NgxViewBuilderRuntime component within an Angular application. It demonstrates setting up the page and data JSON, and handling completion events.

```typescript
import { NgxViewBuilderRuntime, NgxViewBuilderApiService } from 'ngx-view-builder';

@Component({
  imports: [NgxViewBuilderRuntime],
  template: `<ngx-view-builder-runtime [pageJson]="view" [dataJson]="data" theme="dark" />`,
})
export class ClientPage {
  private api = inject(NgxViewBuilderApiService);

  ngOnInit() {
    this.api.onComplete.add(async ({ isValid, data }) => {
      if (isValid) await this.save(data);
    });
  }
}
```

Tokens:

Raw