roybay / angular-form-directives

Angular 1.6 directives to create dynamic form

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Setup AngularJS Environment

Installation

  1. Download Node Manager

  2. Run the node-v4.2.4.pkg

  3. Click continue

  4. Click continue

  5. Click Agree

  6. Select :"Install for all users of this computer" and click continue

  7. Click Install

    It will be installed in /usr/local/bin so make sure

    export PATH="/usr/local/bin:$PATH" and test with

    npm -version
    
    npm install --global npm@latest
    
  8. Change permission

    sudo chown -R <username e.x:roybay> /usr/local/ 
    
  9. Install Grunt, Bower Package Manager and Yeoman

    npm install --global yo bower grunt-cli
    
  10. Confirm installation

    yo --version && bower --version && grunt --version
    
  11. Install Generators

    npm install --global generator-karma generator-angular 
    
    npm install --global phantomjs jasmine-core karma grunt-karma
    

Working with Grunt

  1. Go to the root directory

  2. Run the npm

    npm install 
    
  3. Run the bower

    bower install 
    
  4. Run the Angular application

    grunt serve 
    
  5. Run the karma test

    grunt test 
    
  6. Install packages

    bower install --save  <jquery-ui> 
    

    (bower.json is also be updated because of --save option)

  7. Make the lean version of the application

    grunt 
    

Installing Protractor for E2E testing

  1. Run npm install grunt-proctractor-runner

About

Angular 1.6 directives to create dynamic form