根据模型变量生成恒星

Question

我正在开发一个评分星形组件，它根据从数据库获得的结果显示星星。

我在app.ts一个变量如下，

this.rating = 4; 

而我的HTML如下，

<div class="rating-star-group pull-right"> 
    <i class="zmdi zmdi-star"></i> 
    <i class="zmdi zmdi-star"></i> 
    <i class="zmdi zmdi-star"></i> 
    <i class="zmdi zmdi-star"></i> 
    <i class="zmdi zmdi-star-outline"></i> 
</div> 

我应该添加一个NG，如果并检查变量显示班还是有更好的办法吗？

Answer 1

你可以考虑使用ng-bootstrap插件，它是角2的包装上引导4（相同的ui-bootstrap）

这已ngb-rating其中有很大落实所有案件。

<ngb-rating [(rate)]="currentRate"></ngb-rating>