Angularjs 在ui.bootstrap.rating中使用字体Awesome

如何在ui.bootstrap.rating中使用字体Awesome？ 我发现，当我在ui引导tpls中将

state on=“'fa-star'”state off=“'fa-star-o'”

添加到并将

class=“glyphicon”

更改为

class=“fa”

时，它可以工作。

---

但是我想有一种更为定制的方式来更改图标的类别。

是的，正如您所做的那样，设置

状态为关闭

和

状态为打开

是他们推荐的方式。若你们想在一个页面上有很多评分，我只需要创建一个自定义模板，然后超越股票模板

我的字体很棒，所以不想包括字形图标

uib.bootstrap版本：1.3.3-2016-05-22使用有限的图标，所以这就是我添加到css中的内容

.glyphicon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-star:before {
  content: "\f005";
}
/**
copied from 
.fa-star:before {
  content: "\f005";
}
*/
.glyphicon-star-empty::before {
  content: "\f006";
}
.glyphicon-chevron-right:before {
  content: "\f054";
}
.glyphicon-chevron-left:before {
  content: "\f053";
}
.glyphicon-chevron-up:before {
  content: "\f077";
}
.glyphicon-chevron-down:before {
  content: "\f078";
}

i、 e.将字体Awesome 4.6.3中的css添加到相应的图标名称中

现在我不知道这段代码是否会在Font Aweasome版本上中断