quick-survey-directive

An easy to use survey created with an Angular directive

Showing:

Popularity

Downloads/wk

2

GitHub Stars

2

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

4

License

ISC

Type Definitions

Tree-Shakeable

No?

Categories

Readme

idea42 logo

npm version

#Installation

npm install quick-survey-directive

Then include the following files:

    <script type="text/javascript" src = "node_modules/quick-survey-directive/dist/quick-survey.js"></script>
    <link rel="stylesheet" type="text/css" href="node_modules/quick-survey-directive/dist/main.css">

#Directive Survey An animated survey built with an Angular directive. Quicky build a survey with cool animations and reponsiveness.

##Usage

  • To use just include quickSurveyDirective as a dependency in your angular module
    angular.module('Example', ['quickSurveyDirective'])

##Example UI screenshot

  • Define all questions within your controller in an array in this structure
    $scope.questionSet = [
        {Q: "test1", A: ""},
        {Q: "test2", A: ""},
        {Q: "test3", A: ""},
        {Q: "Is Jon the man?", A: ""}
    ]
  • Initiate the survey by placing this custom html template:
    <survey ng-attr-questions = "questionSet"></survey>

##Saving to a database

  • To save to a database simply set up a $watch on the $scope.questionSet and save to the database everytime the answer is updated since it is two way bound. This is also a good method to use so you don't lose information on a page refresh.

##Custom Configuration

  • All styling custom configuration can be found in the main.css file in the app folder

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100