Angular2实现一个比例组件

Question

我想要建立一个组件作为一个比例尺，参数的比例可以是数字或文本。见样机：

我怎样才能实现这样的成分，尤其是HTML和CSS考虑参数可以是不同的，每次使用这个组件？

Answer 1

由于该问题是某种模糊，这里是我用于创建向导导航标题类似的分量的方向上的一些准则：

• 避免使用由于元件
的动态数只CSS
• 使用组件的HTML创建的表格上的组件
• 将有N列（其中N是你必须谨慎值的个数）
• 使用N个单元的表行定义文本（例如，您的范围或名称）和中心对齐他的文本
• 使用另一个表格行来定义行（例如，在这些单元格上使用边框）
• （可选）使用另一个表格行来显示您所在的图标，如果需要的话
• 最后，所有内容都与中心对齐，并且线条应略微远离第一个和最后文本
• 分量模板将在你那里