我正在使用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>才能加载插件。
添加回答
举报
0/150
提交
取消