AngularDart Material Design 步進器

MaterialStepperComponent

Selector: <material-stepper>

材料設計風格的步進器。

步進器是用於將進度或功能做爲導航工具傳送的編號指示器

Inputs:

• legalJumps String 
  跳轉（定義爲由「繼續/取消」按鈕觸發的步驟開關）是合法的。
  可能的值：
       'none'（默認值;不容許跳轉），
       'backwards'（跳到已完成的不容許的步驟），
      'all'（容許任何跳躍，不管步進狀態如何）。
   
• noText String 
  要返回到前一步驟的按鈕上顯示的文本。
  默認狀況下，顯示「Cancel」。
   
• orientation String 

  制定步驟的方向。

  可能的值：'horizontal'和'vertical'（默認值）。
   

• size String 
  尺寸主題又肯定各類步驟標題元素的大小（例如，步驟編號，步驟名稱等）。
  可能的值：'default'（默認值）和'mini'。
   

• stickyHeader bool 
  指示列出可用步驟的標題是否應該粘貼到頁面頂部。
  僅適用於帶水平割臺的踏步機。

Outputs:

• activeStepChanged Stream<StepDirective> 
  活動步驟發生變化時觸發的事件。

StepDirective

Selector: <[step]>

導出爲：step

步進器內的一個步驟。

Inputs:

• canContinue bool 

  步驟是否能夠繼續。

  這能夠用於防止步驟繼續直到當前步驟的全部部分知足驗證要求。
   

• cancelHidden bool 
  是否應在此步驟中隱藏取消按鈕。
   

• complete bool 
  步驟是否完成。當步進器進入下一步時設置此項。
   

• completeSummary String 
  在垂直默認大小的步進器中完成步驟時顯示的摘要文本。對於其餘步進器，這不適用。
   

• hideButtons bool 
  是否應在此步驟中隱藏按鈕。
   

• name String 
  名稱顯示爲標題。
   

• optional bool 
  步驟是否可選。
  可選步驟有一個額外的標籤，表示它們是可選的，應該是可跳過的。默認值爲false。

Outputs:

• cancel Stream<AsyncAction<bool>> 
  單擊「Cancel 」按鈕時調用。
  若是事件處理程序調用$ event.cancel（），則不會取消該步驟。
   
• continue Stream<AsyncAction<bool>> 
  單擊「Continue」按鈕時調用。
  若是事件處理程序調用$ event.cancel（），則該步驟將不會繼續。
   
• jumpHere Stream<AsyncAction<bool>> 

  當用戶想要跳轉到此步驟時調用。

  若是事件處理程序調用$ event.cancel（），則該步驟將不會繼續。

StepperDemoComponent

查看示例，查看源碼。