2017-05-23 105 views
-1

我想要建立一個組件作爲一個比例尺,參數的比例可以是數字或文本。見樣機:Angular2實現一個比例組件

enter image description here

我怎樣才能實現這樣的成分,尤其是HTML和CSS考慮參數可以是不同的,每次使用這個組件?

+0

不明白你的問題的值ngFor迭代的組合!你能詳細說明嗎? –

回答

0

由於該問題是某種模糊,這裏是我用於創建嚮導導航標題類似的分量的方向上的一些準則:

  • 避免使用由於元件
  • 的動態數只CSS
  • 使用組件的HTML創建的表格上的組件
  • 將有N列(其中N是你必須謹慎值的個數)
  • 使用N個單元的錶行定義文本(例如,您的範圍或名稱)和中心對齊他的文本
  • 使用另一個表格行來定義行(例如,在這些單元格上使用邊框)
  • (可選)使用另一個表格行來顯示您所在的圖標,如果需要的話
  • 最後,所有內容都與中心對齊,並且線條應略微遠離第一個和最後文本
  • 分量模板將在你那裏
+0

感謝您的回覆,我不認爲我可以在這種情況下使用表格。我只關心我是真的應該創建一個組件還是隻處理所有的html和css,因爲我有一種感覺,如果不是在html中,我會在ts文件中編寫足夠的代碼。 – Nitish