在angularjs应用中如何做选择评星的效果
生活随笔
收集整理的這篇文章主要介紹了
在angularjs应用中如何做选择评星的效果
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
由于是在開發(fā)的時候被臨時想出來的做法,套用了jq所以代碼很糟糕,沒有很好的活用ng,等以后有空了再慢慢改吧
<div class="right" id="score">
<img class="allimgstrat imgstrat0" src="img/start.png" ng-click="theScore(0)" alt=""/>
...
<img class="allimgstrat imgstrat4" src="img/start.png" ng-click="theScore(4)" alt=""/>
</div>
$scope.theScore=function(num){
$(".allimgstrat").attr("src","img/start.png");
$scope.comment.stars=0;
for(var nums=0;nums<=num;nums++){
var classname= ".imgstrat"+nums;
$(classname).attr("src","img/start-full.png");
$scope.comment.stars=nums+1;
}
}
<div class="right" id="score">
<img class="allimgstrat imgstrat0" src="img/start.png" ng-click="theScore(0)" alt=""/>
...
<img class="allimgstrat imgstrat4" src="img/start.png" ng-click="theScore(4)" alt=""/>
</div>
$scope.theScore=function(num){
$(".allimgstrat").attr("src","img/start.png");
$scope.comment.stars=0;
for(var nums=0;nums<=num;nums++){
var classname= ".imgstrat"+nums;
$(classname).attr("src","img/start-full.png");
$scope.comment.stars=nums+1;
}
}
轉(zhuǎn)載于:https://www.cnblogs.com/caopangzi/p/5098787.html
總結(jié)
以上是生活随笔為你收集整理的在angularjs应用中如何做选择评星的效果的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 利用socketserver实现异步多线
- 下一篇: SQL 数据库的使用