我正在使用angular-rating-icons來生成恒星系統(tǒng)。<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>我希望獲得有關(guān)每顆星星的工具提示,類似于在中的實現(xiàn)方式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確定哪個圖標將被用于評價系統(tǒng),即icon-full="fa-star"而不是傳遞一個<div>對象。而且我似乎無法針對單個恒星,因為它們是作為最小化CSS生成的。我試圖覆蓋css,.fa-star但這似乎也不是很好。有沒有一種方法可以在每個按鈕的懸停上顯示工具提示?JSFiddle:https://jsfiddle.net/y4b1skdw/1/您可能需要點擊的Load Type片段No wrap - bottom of <body>才能加載插件。
AngularJS:在Angular-rating-icons中添加工具提示嗎?
桃花長相依
2021-05-10 18:39:47