AngularJS：在Angular-rating-icons中添加工具提示吗？
我正在使用angular-rating-icons来生成恒星系统。
<div class="rating-filter">
<h4>{{'Rating: '|translate}} {{filter.ratings}}</h4>
<div data-angular-rating-icons
ng-model="filter.ratings" color-base="orange"
on-change="fn()"></div>
</div>
我希望获得有关每颗星星的工具提示，类似于在中的实现方式uib-tooltip。
<div class="btn-group">
<button type="button" class="btn btn-price" uib-tooltip="₹0 - ₹500" ng-click="applyFilter(1)">$</button>
<button type="button" class="btn btn-price" uib-tooltip="₹500 - ₹1000" ng-click="applyFilter(2)">$$</button>
<button type="button" class="btn btn-price" uib-tooltip="₹1000 - ₹5000" ng-click="applyFilter(3)">$$$</button>
<button type="button" class="btn btn-price" uib-tooltip="₹5000+" ng-click="applyFilter(4)">$$$$</button>
</div>
我似乎无法想出解决办法是angular-rating-icons在需要String确定哪个图标将被用于评价系统，即icon-full="fa-star"而不是传递一个<div>对象。而且我似乎无法针对单个恒星，因为它们是作为最小化CSS生成的。
我试图覆盖css，.fa-star但这似乎也不是很好。有没有一种方法可以在每个按钮的悬停上显示工具提示？
JSFiddle：https：//jsfiddle.net/y4b1skdw/1/
您可能需要点击的Load Type片段No wrap - bottom of <body>才能加载插件。
桃花长相依1回答
随时随地看视频慕课网APP
相关分类
JavaScript