ionic2 - 如何在我的 Ionic 2 项目中安装 ionicons

Question

当我尝试做（例如）

<ion-icon name="university"></ion-icon>

我看到该图标没有出现，尽管它已在http://ionicons.com/中列出。我想可能是我的项目的图标没有更新，所以我想从网站下载包并安装。

解压后我不知道该怎么做。我在论坛中尝试了该建议，但建议转到“www”目录中的“lib”文件夹。但是，在我的项目中，我没有看到任何“lib”目录。我尝试使用回购站点上的说明，但在我的情况下它再次令人困惑（我认为）。

Answer 1

我今天遇到了同样的问题。我意识到一些 Ionic 2图标已被重命名。例如，在您的情况下：

<ion-icon name="university"></ion-icon>

变成：

<ion-icon name="school"></ion-icon>

我建议其他面临同样问题的人仔细查看新的 Ionic 2 图标。

Answer 2

当您使用预先生成的内容（而不是空白）启动 Ionic 2 项目时，Ionicons 应该从一开始就工作。

唯一的技巧是Ionicons.com 上的图标名称与 Ionic 2 文档中的不同，例如：

设置图标：

在 Ionicons 中：ion-android-settings

在 Ionic 2 文档中：md-settings

Answer 3

您需要从站点获取 ionicons，然后将其解压缩，然后将 scss 文件夹的内容移动到项目目录中。然后，您只需将它们导入项目主题目录中的 app.core.scss 文件即可。

看看http://tphangout.com/?p=199（那里给出了简单的说明）。