angular-wizard：フォームロード時にstep2（または3,4、..）をステップ1の代わりに設定するには？

Question

私の代わりにステップIがステップ「新」（または「作業」、または「変換」、...）に集中したい

<wizard on-finish="finishedWizard()" edit-mode="false" indicators-position="top" current-step="currentStep"> 
    <wz-step wz-title="Unqualified"> 
     <div class="panel-body"> 
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
       <label class="control-label">Source Lead</label> 
       <input type="text" class="form-control input-sm clearable" ng-model="source_lead" /> 
      </div> 
     </div> 
    </wz-step> 
    <wz-step wz-title="New"> 
     <div class="panel-body"> 
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
       <label class="control-label">Company</label> 
       <input type="text" class="form-control input-sm clearable" ng-model="company" /> 
      </div> 
     </div> 
    </wz-step> 
    <wz-step wz-title="Working"> 
     <div class="panel-body"> 
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
       <label class="control-label">Title</label> 
       <input type="text" class="form-control input-sm clearable" ng-model="title" /> 
      </div> 
     </div> 
    </wz-step> 
    <wz-step wz-title="Nurturing"> 
     <div class="panel-body"> 
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
       <label class="control-label">Rating</label> 
       <input type="text" class="form-control input-sm clearable" ng-model="rating" /> 
      </div> 
     </div> 
    </wz-step> 
    <wz-step wz-title="Converted"> 

    </wz-step> 
    <div class="panel-body"> 
     <button type="submit" class="btn btn-sm btn-primary pull-right" wz-next ng-click="StepCompleted(currentStep)">Completed</button> 
    </div> 
</wizard> 

下回るような角度、ウィザードの手順を使用してフォームを持っている「非修飾」フォームロード時。

どうすればよいですか？前もって感謝します！

Answer 1

あなたができることは次のとおりです。 WizardHandler serviceでは、goTo()（wizard()）の機能にアクセスできます。これは現在のウィザードです。なぜ$timeout内部

$timeout(function() { 
    WizardHandler.wizard().goTo("Working"); 
}); 

：このような？

ため$timeoutすなわちdelayの2番目のパラメータが提供されていない場合、デフォルトの動作では、DOMのレンダリングが完了した後、関数を実行することです。

そして、ウィザードがレンダリングを完了した後でこれを実行する必要があります。

は、ここでは、前の手順を訪問する場合は、あなたは私たちが到達するまでnext()を行くループを書くことができます（訪問した手順は、デフォルトのスタイルと緑に見える）、またworking plunker

だ私たちの目的のステップ（この場合はWorking）

Answer 2

ステップ「新規」を最初にしたい場合は、最初に設定します。

<wizard on-finish="finishedWizard()" edit-mode="false" indicators-position="top" current-step="currentStep"> 
<wz-step wz-title="New"> 
    <div class="panel-body"> 
     <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
      <label class="control-label">Company</label> 
      <input type="text" class="form-control input-sm clearable" ng-model="company" /> 
     </div> 
    </div> 
</wz-step> 
<wz-step wz-title="Unqualified"> 
    <div class="panel-body"> 
     <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
      <label class="control-label">Source Lead</label> 
      <input type="text" class="form-control input-sm clearable" ng-model="source_lead" /> 
     </div> 
    </div> 
</wz-step> 
<wz-step wz-title="Working"> 
    <div class="panel-body"> 
     <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
      <label class="control-label">Title</label> 
      <input type="text" class="form-control input-sm clearable" ng-model="title" /> 
     </div> 
    </div> 
</wz-step> 
<wz-step wz-title="Nurturing"> 
    <div class="panel-body"> 
     <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 remove_padding"> 
      <label class="control-label">Rating</label> 
      <input type="text" class="form-control input-sm clearable" ng-model="rating" /> 
     </div> 
    </div> 
</wz-step> 
<wz-step wz-title="Converted"> 

</wz-step> 
<div class="panel-body"> 
    <button type="submit" class="btn btn-sm btn-primary pull-right" wz-next ng-click="StepCompleted(currentStep)">Completed</button> 
</div> 

またはあなたが設定することができwz-order属性を。ステップが入る順序です。順序がない場合や重複した順序がある場合は、ステップを最後まで追加します。