Angularjs 如何在面漆图标按钮中使用图标？

也许这是一个天真的想法——但我有点被困在如何在topcoat图标按钮中放置图标的问题上。我正在创建一个带有删除和修改按钮的动态列表，我希望这些按钮成为图标。 感谢您的帮助

<button class="topcoat-icon-button">
    <span class="topcoat-icon" style="background-color:#A5A7A7;"></span>
</button>

---

这并不是一个幼稚的想法，我也是从Bootstrap来的，当时我在挠头，找不到任何有用的文档。首先，您需要知道图标位于不同的存储库中：

最简单的方法是使用字体。因此，您需要该存储库中的字体目录。icomatic.html文件和js文件夹是图标展示，您不应该部署它们。js似乎是Unicode符号的回退机制，但据我所知，它与DOM替换一起工作，因此可能需要一些调整才能与AngularJS一起工作。如果不需要回退，也可以将其删除

然后，您需要执行必要的HTML include操作，假设图标文件在lib/icomatic中可用：

<link rel="stylesheet" href="lib/icomatic/icomatic.css"/>

然后，您可以通过使用图标类和图示符将所有这些应用于示例，例如警报：

<button class="topcoat-icon-button">
    <span class="topcoat-icon icomatic" style="background-color:#A5A7A7;">alert</span>
</button>

---

它仍然需要一些样式，但至少你应该看到一个图标。

问题的代码。你有必要的CSS和字体文件吗？我需要的字体文件和css的地方。我的问题是-如何将方形框更改为任何有意义的图标？我还没有研究过相关的css，我希望我会有一些开关指向图标。我还没有看到任何迹象表明你可以用图标制作按钮。有你？但是，您可以在按钮上放置图标。啊哈。。。可以来自bootstrap，我期待着。那么图标按钮到底有什么用呢？