根據模型變量生成恆星

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>