Question

我对角度很新，我试图使用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

Answer 1

如果您使用的是最新版本的角度向导（0.5.5），则可以正常工作。旧版本中可能存在错误。这是一个有效的Plunker

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

以下是网址

<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" />

未调用角度向导验证功能

1 个答案: