<commit_before># ionic-wizard — wizard directives

These are a set of directives for Ionic aimed at creating a startup wizard component using Ionic's ion-slide-box

##Demo

http://codepen.io/arielfaur/pen/qEgVKx/

## Getting Started

```
bower install ionic-wizard
```

## Add JS file
```
<script src="dist/ion-wizard.js"></script>
```

## Add dependencies
```
angular.module('myApp', ['ionic', 'ionic.wizard'])
```

## Create your wizard template and add wizard directives

###ion-wizard-previous
Add this directive to any link or button to add back behavior. Back button will be hidden on the first step of the wizard.

```
<button class="button button-light no-animation" ion-wizard-previous>Back</button>
```

###ion-wizard-next
Add this directive to any link or button to add next behavior. Next button will be hidden on the last step of the wizard.

```
<button class="button button-light no-animation" ion-wizard-next>Next</button>
```

###ion-wizard-start
Use this directive to attach a callback to the start button to launch the app. The button will be hidden and shown only
in the last step of the wizard.

```
<button class="button button-light no-animation" ion-wizard-start="start()">Start App</button>
```

###ion-wizard
Main wizard directive must be added to Ionic's ion-slide-box directive

```
<ion-slide-box ion-wizard>
    ...
</ion-slide-box>
```


###ion-wizard-step
This directive must be added to each ion-slide to define each step of the wizard. A condition can be added that will be
evaluated before allowing the user to move forward. If the condition is not satisfied the event **wizard:StepFailed** is triggered
and can be captured to display any information.

```
<ion-slide ion-wizard-step condition="user.LastName != undefined">...</ion-slide>
```

Then in your app controller:
<commit_msg>update documentation<commit_after># ionic-wizard — wizard directives

These are a set of directives for Ionic aimed at creating a startup wizard component using Ionic's ion-slide-box

##Demo

http://codepen.io/arielfaur/pen/qEgVKx/

## Getting Started

```
bower install ionic-wizard
```

## Add JS file
```
<script src="dist/ion-wizard.js"></script>
```

## Add dependencies
```
angular.module('myApp', ['ionic', 'ionic.wizard'])
```

## Create your wizard template and add wizard directives

###ion-wizard-previous
Add this directive to any link or button to add back behavior. Back button will be hidden on the first step of the wizard.

```
<button class="button button-light no-animation" ion-wizard-previous>Back</button>
```

###ion-wizard-next
Add this directive to any link or button to add next behavior. Next button will be hidden on the last step of the wizard.

```
<button class="button button-light no-animation" ion-wizard-next>Next</button>
```

###ion-wizard-start
Use this directive to attach a callback to the start button to launch the app. The button will be hidden and shown only
in the last step of the wizard.

```
<button class="button button-light no-animation" ion-wizard-start="start()">Start App</button>
```

###ion-wizard
Main wizard directive must be added to Ionic's ion-slide-box directive

```
<ion-slide-box ion-wizard>
    ...
</ion-slide-box>
```


###ion-wizard-step
This directive must be added to each ion-slide to define each step of the wizard. If needed, a condition can be added that will be
evaluated before allowing the user to move forward. If the condition fails the directive will trigger
an event that can be used to inform the user or perform any other action from the controller.

```
<ion-slide ion-wizard-step condition="user.LastName != undefined">...</ion-slide>
```

Then in your app controller:

{'fraction_non_alphanumeric': 0.1164625850340136, 'fraction_numerical': 0.0, 'mean_word_length': 4.382137628111273, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4344104', 'n_tokens_mistral': 1135, 'n_tokens_neox': 1051, 'n_words': 448}