multi-step-container.md

The multiStepContainer directive

Attributes

<multi-step-container steps="steps"
                      on-finish="finish()"
                      on-cancel="cancel()"
                      search-id="'wizard-id'"
                      initial-step="1">
    <step-container></step-container>
</multi-step-container>

steps angular expression The list of steps.

initialStep angular expression The starting step.

searchId angular expression The name of the search parameter to use (enables browser navigation).

onFinish angular expression The expression to execute if the multi-step form is finished.

onCancel angular expression The expression to execute if the multi-step form is cancelled.

onStepChange angular expression The expression to execute on a step change.

Class names

The following class names are added:

• .multi-step-container to the top directive element
• .multi-step-body to the stepContainer directive element
• .form-step to the step element

<multi-step-container class="multi-step-container">
    <step-container class="multi-step-body">
        <div class="form-step">
            <!-- The current step -->
        </div>
    </step-container>
</multi-step-container>