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

MaterialStepperComponent

Selector: <material-stepper>

材料設(shè)計風(fēng)格的步進器。

步進器是用于將進度或功能作為導(dǎo)航工具傳送的編號指示器

Inputs:

• legalJumps String?
  跳轉(zhuǎn)（定義為由“繼續(xù)/取消”按鈕觸發(fā)的步驟開關(guān)）是合法的。
  可能的值：
  ? ? ?'none'（默認值;不允許跳轉(zhuǎn)），
  ? ? ?'backwards'（跳到已完成的不允許的步驟），
  ? ? 'all'（允許任何跳躍，無論步進狀態(tài)如何）。
  ?
• noText String?
  要返回到前一步驟的按鈕上顯示的文本。
  默認情況下，顯示“Cancel”。
  ?
• orientation String?

  制定步驟的方向。

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

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

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

Outputs:

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

StepDirective

Selector: <[step]>

導(dǎo)出為：step

步進器內(nèi)的一個步驟。

Inputs:

• canContinue bool?

  步驟是否可以繼續(xù)。

  這可以用于防止步驟繼續(xù)直到當前步驟的所有部分滿足驗證要求。
  ?

• cancelHidden bool?
  是否應(yīng)在此步驟中隱藏取消按鈕。
  ?

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

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

• hideButtons bool?
  是否應(yīng)在此步驟中隱藏按鈕。
  ?

• name String?
  名稱顯示為標題。
  ?

• optional bool?
  步驟是否可選。
  可選步驟有一個額外的標簽，表示它們是可選的，應(yīng)該是可跳過的。默認值為false。

Outputs:

• cancel Stream<AsyncAction<bool>>?
  單擊“Cancel?”按鈕時調(diào)用。
  如果事件處理程序調(diào)用$ event.cancel（），則不會取消該步驟。
  ?
• continue Stream<AsyncAction<bool>>?
  單擊“Continue”按鈕時調(diào)用。
  如果事件處理程序調(diào)用$ event.cancel（），則該步驟將不會繼續(xù)。
  ?
• jumpHere Stream<AsyncAction<bool>>?

  當用戶想要跳轉(zhuǎn)到此步驟時調(diào)用。

  如果事件處理程序調(diào)用$ event.cancel（），則該步驟將不會繼續(xù)。

StepperDemoComponent

查看示例，查看源碼。

轉(zhuǎn)載于:https://my.oschina.net/u/3647851/blog/2049805

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。