quick-survey-directive

    1.1.0 • Public • Published

    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

    Install

    npm i quick-survey-directive

    DownloadsWeekly Downloads

    0

    Version

    1.1.0

    License

    ISC

    Last publish

    Collaborators

    • bigless27