在前端开发过程中经常会用到评分星级控件，而 npm 包 levon-angular-star-rating 提供了一种非常简单易用的实现方式。本文将为读者提供详细的使用教程，让大家轻松上手。
安装
在使用之前，我们需要先将该 npm 包安装到我们的项目中。在命令行中输入以下指令即可：
npm install levon-angular-star-rating --save
引入
安装完成后，我们需要在我们的项目中引入该组件。在 app.module.ts 文件中加入以下代码：
-- -------------------- ---- -------
------ - ---------------------------- - ---- ----------------------------
-----------
-------- -
-- ---
----------------------------
--
-- ---
--
------ ----- --------- - -使用
在我们需要使用评分星级控件的地方使用以下代码即可：
<levon-angular-star-rating [rating]="4" [numberOfStars]="5"></levon-angular-star-rating>
在这个例子中，rating 参数表示星级评分，范围为 0~5。numberOfStars 参数表示星星数量，可以自定义。
自定义样式
我们可以通过修改组件的 CSS 类来实现自定义样式。以下是一个简单的例子：
-- -------------------- ---- ------- ------------ - ---------- ----- -------------- ----- - ----- - ------ -------- - ---------- - ------ -------- - ----------- - ------ -------- -
总结
使用 npm 包 levon-angular-star-rating 可以轻松实现评分星级控件。通过本文的学习，读者应该已经掌握了如何使用该组件并实现自定义样式。欢迎读者在自己的项目中体验并发挥出更多的创意。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ba081e8991b448d9416