Skip to content

A quick-start project to create a new Angular application using the Angular CLI toolchain and add the Syncfusion Query Builder component to it. This project contains simple code to apply rules on the Query Builder’s initial rendering. It also contains code to filter Data Grid records using the Query Builder.

Notifications You must be signed in to change notification settings

SyncfusionExamples/getting-started-with-the-angular-querybuilder-component

Repository files navigation

Getting Started with the Angular Query Builder

A quick-start project to create a new Angular application using the Angular CLI toolchain and add the Syncfusion Query Builder component to it. This project contains simple code to apply rules on the Query Builder’s initial rendering. It also contains code to filter Data Grid records using the Query Builder

Refer to the following documentation on the Syncfusion Angular Query Builder component: https://ej2.syncfusion.com/angular/documentation/query-builder/getting-started

Check out this interactive online example of the Angular Query Builder component: https://ej2.syncfusion.com/angular/demos/#/material/query-builder/default

Watch this video to get started with the Angular DataGrid component: https://www.youtube.com/watch?v=lk83TlHQ95c

Project prerequisites

Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project.

How to run this application?

To run this application, you need to clone the getting-started-with-the-angular-querybuilder-component repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the npm install command and run your project using the ng serve command.

About

A quick-start project to create a new Angular application using the Angular CLI toolchain and add the Syncfusion Query Builder component to it. This project contains simple code to apply rules on the Query Builder’s initial rendering. It also contains code to filter Data Grid records using the Query Builder.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •