AngularDart Material Design 記分卡

ScorecardComponent

Selector: <acx-scorecard>

獨立記分卡組件。

該組件旨在重用/嵌入更大的組件中。

ng-content:

• name - 標籤區域中的自定義內容。
• value - 值區域中的自定義內容。
• description - 描述區域中的自定義內容。

Inputs:

• changeGlyph bool 
  是否在描述中顯示小的更改箭頭字形; 可選的。
   
• changeType String 

  設置記分卡描述的更改類型。

  這決定了描述的風格。 可能的值是：
        'POSITIVE'
        'NEGATIVE'
        'NEUTRAL' (默認)
   

• description String 
  記分卡簡短說明; 可選的。
   

• extraBig bool 
  是否使用「big」樣式類風格的記分卡; 可選的。
   

• label String 
  記分卡的標題。
   

• selectable bool 
  是否能夠經過單擊更改記分卡的選擇狀態。
   

• selected bool 
  是否選擇了記分卡。
   

• selectedColor Color
  選擇時應用於記分卡背景的顏色。
   

• suggestionAfter String 
  描述後的一條建議文字; 可選的。
   

• suggestionBefore String 
  描述以前的一條建議文本; 可選的。
   

• tooltip String 
  當用戶將鼠標懸停在值上時，工具提示中顯示的值。
   

• value String 
  顯示給用戶的值。

Outputs:

• selectedChange Stream<bool> 
  選擇狀態發生變化時觸發。

ScoreboardComponent

Selector: <acx-scoreboard>

該組件管理一排記分卡。

Attributes:

• enableUniformWidths：bool - 記分板中的記分卡是否應具備統一的寬度。

Inputs:

• isVertical bool 
  記分卡是否垂直顯示。 默認爲false。
   
• resetOnCardChanges bool 
  卡更換時是否重置卡選擇。
  若是添加或刪除了卡，而且設置爲true，則將取消選擇全部卡。 對於ScoreboardType.radio，將選擇第一張卡。
   
• scrollable bool 

  是否容許經過滾動按鈕滾動記分板。

  可滾動屬性能夠在應用程序運行時動態設置 - 將根據可滾動狀態添加或刪除窗口大小調整偵聽器。
   

• type ScoreboardType 
  記分板的類型，例如standard, selectable, radio, toggle。

ScorecardDemoComponent

查看示例，查看源碼。