Kinzi / IonicStepperDirective

A simple stepper directive for ionic framework

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

IonicStepperDirective

A simple stepper directive for Ionic Framework. Model and placeholder can be passed in from parent $scope. Model-binding is bi-directional.

  1. Add Directive to your index.html.
    • For example: <script src="js/directive/stepper.js"></script>
  2. Put stepper.html into your templates folder or wherever you like.
  3. Update template path in stepper.js if you need to.
  4. Add directive to your app.js.
    • For example: angular.module('YourApp', [ 'ionic', 'stepper.directive' ])
  5. Add directive to your view. And pass your Values. Model-binding is bi-directional.
    • Example: <stepper model="$scope.model" placeholder="$scope.placeholder"></stepper>
  6. If you like add contents of stepper.css to your style.css

About

A simple stepper directive for ionic framework


Languages

Language:HTML 50.6%Language:JavaScript 26.5%Language:CSS 22.8%