Html 显示字体-角度2

我一直在想，是否有任何方法可以在一个div标签中显示所有“字体很棒的图标”，而不必写每个图标。大约有200多个图标可用，我不认为硬编码每个类来显示图标是一个好的做法

我试着使用ng repeat，但是我不能得到我想要的结果，我不得不写下所有的图标

比如,， 我发现如何显示每个图标的方法是

<div class="font-awesome">
    <i class="fa fa-html5"></i>
    <i class="fa fa-address-book"></i>
..
..
..so goes the code
..

</div>

..
..
……代码也是如此
..

我试图通过编写更简单的代码来实现这一点。
像

---

您可以解析CSS文件并提取符号名称：）

@组件({
选择器：“我的应用程序”，
模板：`
你好{{name}
`,
})
导出类应用程序{
名称：字符串；
符号名称=[]；
构造函数（私有的http:http）{
this.name='Angular2'
}
恩戈尼尼特（）{
这个
.get（'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css')
.map（response=>response.text（））
.subscribe（css=>{
const symbols=css.split（'.fa glass:before'）[1]；/“fa glass”是该css文件中的第一个符号！：）
符号='.fa玻璃：在'+符号之前；
常数tmp=[]；
象征
.split（“.”）
.filter（x=>x.indexOf（'fa-'）==0）
.forEach（x=>{
tmp.push（x.split（“：”）[0]）；
});
this.symbolNames=tmp；
});
}
}

---

现场演示：

我认为这是不可能的。我的答案是否像预期的那样有效？它不起作用，我最终对每个字体都进行了硬编码。

<div class="main">
<!-- Display all icons in one or a few  line codes --> 
</div>