ngx-surveys

Angular 8+ survey / form builder

Usage no npm install needed!

<script type="module">
  import ngxSurveys from 'https://cdn.skypack.dev/ngx-surveys';
</script>

README

Angular Surveys

Description

Angular survey / form builder for Angular.

Live demo

A stackblitz is also available here

Inspired by Google Forms and angular-surveys for AngularJS.

Installation

npm: npm install ngx-surveys --save

yarn: yarn add ngx-surveys

Usage

  • Import into a module (AppModule example below)
// app.module.ts
import { NgxSurveyModule } from 'ngx-surveys';
import { AppComponent } from './app.component';

@NgModule({
  imports: [BrowserModule, NgxSurveyModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

Form

<ngx-survey
    [form]="form"
    [(value)]="model"
    (submit)="onFormSubmit($event)"
>
</ngx-survey>

Form Builder

<ngx-survey-form-builder
    [form]="form"
    (changes)="onChange($event)"
>
</ngx-survey-form-builder>

Development

Setup

yarn install

Demo

Edit files in src/app to add to the demo or try changes to the library.

Build library

First, edit version in package.json and src/lib/package.json to publish a new version to npmjs.org

# Build the library into dist/{es5,es2015}
yarn build
# Publish to npm
yarn release