Angular Support for SurveyJS Form Library and Creator
Tags: angular, survey, javascript, form
Published: 2022-12-15 07:15:08

We are thrilled to announce native Angular support for SurveyJS [Form Library](https://surveyjs.io/form-library) and [Survey Creator](https://surveyjs.io/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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6h7i7i1yweazy1d8i3ci.png)

[SurveyJS](https://surveyjs.io/) 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](https://www.npmjs.com/package/survey-angular-ui) npm package. It enables Angular rendering for the Survey Form Library.

Now, we present the [survey-creator-angular](https://www.npmjs.com/package/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**
{% embed https://codesandbox.io/embed/survey-angular-forked-r2i52r?fontsize=14&hidenavigation=1&theme=dark %}

## Test it in Action
**SurveyJS Form Library for Angular**
Run the following Code Sandbox example to test SurveyJS Form Library for Angular.
{% embed https://codesandbox.io/embed/surveyjs-angular-forked-rbpq8w?fontsize=14&hidenavigation=1&theme=dark %}

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

{% embed https://codesandbox.io/embed/creator-angular-forked-zpzm6g?fontsize=14&hidenavigation=1&theme=dark %}

## Demos
Head to [surveyjs.io](https://surveyjs.io/) and explore Angular Demos for Survey Library and Creator:

* [Form Library Demos](https://surveyjs.io/form-library/examples/nps-question/angular)
* [Survey Creator Demos](https://surveyjs.io/survey-creator/examples/free-nps-survey-template/angular)


**GitHub Example**
Check the following example to easily get started with SurveyJS Angular components: [SurveyJS + Angular Quickstart Template](https://github.com/surveyjs/surveyjs_angular_cli).

***
_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](https://github.com/surveyjs/) and [Help Desk](https://surveyjs.answerdesk.io/ticket/list)._

_Thank you_

## About SurveyJS Project
SurveyJS Project includes four open-source JavaScript Libraries:
* **[Form Library](https://surveyjs.io/Overview/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](https://surveyjs.io/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](https://surveyjs.io/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](https://surveyjs.io/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](https://surveyjs.io/).