モデル変数に応じて星を生成

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> 

iはNG-IFを追加し、ディスプレイに変数をチェックする必要がありますクラスや、より良い方法がありますか？

Answer 1

あなたはすべての例偉大な実装を持っているngb-ratingを持っている（ui-bootstrapのと同じ）、ブートストラップ4.

超える角度2ラッパーですng-bootstrapプラグインを使用することを検討してください可能性があります。

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