2019獨角獸企業重金招聘Python工程師標準>>>

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

查看示例，查看源碼。

轉載于:https://my.oschina.net/u/3647851/blog/2049805

總結

以上是生活随笔為你收集整理的AngularDart Material Design 步进器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。