2015-04-19 1 views
1

Я довольно новичок в угловом, и я пытаюсь использовать Angular Wizard.Функции проверки углового-волшебника, не называемые

https://github.com/mgonto/angular-wizard

У меня есть код в plunker, и у меня есть мастер запуска. Однако у меня возникли проблемы с вызовом функций проверки. Я предполагаю, что я куда-нибудь выхожу. Я установил функции проверки, чтобы вернуть false, но я все еще продолжаю следующий шаг.

Однако функция завершения работы мастера вызывается.

HTML

<wz-step title="Starting" canexit="exitValidation"> 
    <h1>This is the first step</h1> 
    <p>Here you can use whatever you want. You can use other directives, binding, etc.</p> 
    <input type="submit" wz-next="" value="Continue" /> 
    </wz-step> 
    <wz-step title="Continuing" canenter="enterValidation"> 
    <h1>Continuing</h1> 
    <p>You have continued here!</p> 
    <input type="submit" wz-next="" value="Go on" /> 
    </wz-step> 

JS

var app = angular.module('registration', ['mgo-angular-wizard']); 

app.controller('WizardController', ['$scope', 'WizardHandler', 
    function($scope, WizardHandler) { 

    $scope.finishedWizard = function() { 
     alert('Completed!'); 
    }; 

    $scope.enterValidation = function() { 
     alert('entering validation'); 
     return false; 
    }; 

    $scope.exitValidation = function() { 
     alert('exiting validation'); 
     return false; 
    }; 
    } 
]); 

http://plnkr.co/edit/QR9mpXH67ErhUzAKmN4c?p=preview

Этот вопрос отличается от ниже, потому что проверка шаг был добавлен после того, как был задан вопрос.

I'm trying to get form validations to work with an Angular Wizard

ответ

0

Если вы используете последнюю версию углового мастера (0.5.5) он работает. Вероятно, в старой версии была ошибка. Вот рабочая Plunker

http://plnkr.co/edit/QR9mpXH67ErhUzAKmN4c?p=preview

Вот URL-

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-wizard/0.5.5/angular-wizard.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-wizard/0.5.5/angular-wizard.css" /> 
Смежные вопросы