1.1.0 • Published 8 years ago

quick-survey-directive v1.1.0

Weekly downloads
1
License
ISC
Repository
github
Last release
8 years ago

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
1.1.0

8 years ago

1.0.9

8 years ago

1.0.8

8 years ago

1.0.7

8 years ago

1.0.6

8 years ago

1.0.5

8 years ago

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago