angularjs - Angular.ui 引导评级中的自定义图像

Question

我正在使用 Angular Bootstrap ui 的 Rating 指令。如何使用自定义图像作为图标而不是字形图标？

Answer 1

这对我有用。

---CSS

    .orange-star { 
      height: 18px;
      width: 18px;
      background-size: contain;
      background-image: url("{!$Resource.OrangeStar}");
    }
    .white-star {
      height: 18px;
      width: 18px;
      background-size: contain;
      background-image: url("{!$Resource.Whitestar}");
    }

---- HTML -----

<rating ng-model="rate" max="4" state-on="'orange-star'" state-off="'white-star'"> </rating>