Angular 角度和自举

我是Angular方面的新手，我正在尝试在我的项目中使用

Bootstrap

。我用

npm

安装了引导程序，如下所示：

cmd npm安装引导程序--保存

并在my

style.css中导入了根目录：

@import'~bootstrap/dist/css/bootstrap.css'；

接下来，我尝试使用bootstrap中可用的图标和以下代码：

star.component.html

尝试使用引导

这是我的component.ts文件：

star.component.ts

从'@angular/core'导入{Component，OnInit}；
@组成部分({
选择器：“应用程序之星”，
templateUrl:“./star.component.html”，
样式URL:['./star.component.css']
})
导出类StarComponent实现OnInit{
isFavorite：布尔；
onClick（）{
this.isFavorite=！this.isFavorite；
}
}

此外，所有内容都以以下方式导入到
app.module
：

从'./star/star.component'导入{StarComponent}；
@NGD模块({
声明：[
....
星组件，
],
...
引导：[AppComponent]
})
导出类AppModule{}

我没有错误，但我看不到
星号
。（我还尝试在引导中导入：
[AppComponent，StarComponent]
，但它不起作用

在我的
package.json
中，我可以看到我正在使用引导版本4。
似乎您安装了
bootstrap4
（最新版本），并且
BS4
中不再支持字形图标

Bootstrap 4没有自己的图标库（BS4不支持Bootstrap 3中的GlyphIcon）。但是，有许多免费的图标库可供选择，例如Font Awesome和Google Material Design图标

最好使用令人敬畏的字体图标

有关详细信息，请访问上的此链接。
默认情况下，引导程序4中不包括图标

虽然在Bootstrap中找不到内置的图标库，但我们单独的Bootstrap图标项目是一组越来越多的可供您使用的开源SVG。虽然它们的设计首先是为了与我们的组件和文档一起使用，但您可以在任何项目中使用它们

虚词只在Bootstrap 3中可用，但在Bootstrap 4中被删除。考虑安装FootWeSoMe或任何其他图标库
。非常感谢。解决了从4到3的降级。只是在每一行中用图标动态生成的列表中不使用字体很棒。性能非常糟糕。加载一个Co需要超过30秒。使用字体awesome在每行上添加100行每项图标。使用glyphicons只需2秒。