DEV Community

SurveyJS for _SurveyJS

Posted on • Updated on

Angular Support for SurveyJS Form Library and Creator

We are thrilled to announce native Angular support for SurveyJS Form Library and Survey Creator. Let’s see what’s changed, how to enable the new integration, and what advantages come along with it.

Angular Support For SurveyJS Form Library and Creator

SurveyJS is a set of JavaScript components for complete survey life-cycle management. SurveyJS UI components were originally built upon the KnockoutJS library. Native Form Library and Creator integrations for React, and Vue.js also followed.

As for Angular and jQuery applications, it was possible to reuse the Knockout version of SurveyJS components in them, thanks to component encapsulation. This blackbox option was acceptable and was used by many of our customers.

Still, we dreamed about developing SurveyJS Angular components for those who design clean and performant apps following Angular application architecture.

Two months ago we released the survey-angular-ui npm package. It enables Angular rendering for the Survey Form Library.

Now, we present the survey-creator-angular npm package. Developers can integrate the Angular Survey Creator component into Angular apps and leverage the power of a native approach.

New Capabilities

Native Angular integration brings new customization capabilities for developers using SurveyJS. Should you wish to customize an item template for a Dropdown Menu question, override question rendering, or supply a custom editor for a survey element property: now you quickly and easily achieve this with native Angular component-driven customization.

If you have specific requirements, you can smoothly integrate a suitable third-party library and enhance your Form Library and Creator with tailored functionality.

Example: Dropdown Question with a Custom Item Template

Test it in Action

SurveyJS Form Library for Angular
Run the following Code Sandbox example to test SurveyJS Form Library for Angular.

Survey Creator for Angular
Run the following example to build a demo survey with Survey Creator for Angular.

Demos

Head to surveyjs.io and explore Angular Demos for Survey Library and Creator:

GitHub Example
Check the following example to easily get started with SurveyJS Angular components: SurveyJS + Angular Quickstart Template.


We hope this information will be of value as you explore and leverage the capabilities of SurveyJS components.

If you have any questions, ideas, and suggestions, feel free to contact us at GitHub and Help Desk.

Thank you

About SurveyJS Project

SurveyJS Project includes four open-source JavaScript Libraries:

  • Form Library - A free and open-source MIT-licensed JavaScript library that lets you design dynamic, data-driven, multi-language survey forms and run them in your web application using a variety of front-end technologies. Available for free under the MIT license.
  • Survey Creator - A GUI-based no-code survey builder that allows easy drag-and-drop form creation even for non-tech savvy users. Requires a commercial developer license.
  • Dashboard - Simplifies survey data analysis with interactive and customizable charts and tables. Visualize your insights with the survey data dashboard and analyze survey results in one view. Requires a commercial developer license.

  • PDF Generator - Allows you to save an unlimited number of custom-built survey forms to PDF (both new and filled-in), and generate fillable PDF forms to automate your form workflow and go paperless. Requires a commercial developer license.

To learn more about SurveyJS Project, visit our website: surveyjs.io.

Top comments (0)