ionic 写一个五星评价（非指令）

Controller里的代码：

 .controller('evaluateCtrl', function($scope, $state, $stateParams, $ionicPopup,$ionicHistory,Popup) {

     //定义一个数组 映射五颗星星的位置和图片
     $scope.starArray = [
       {"id" : 1,
         "src":"img/icons/starBack.png"
       },
       {"id" : 2,
         "src":"img/icons/starBack.png"},
       { "id" : 3,
         "src":"img/icons/starBack.png"},
       { "id" : 4,
         "src":"img/icons/starBack.png"},
       { "id" : 5,
         "src":"img/icons/starBack.png"
       }
     ];
      //初始化评价星级为0
     $scope.currentStar = 0;
      //改变星星的背景图  点击的当前星星和做左边的星星换成亮图，右边的星星变成灰图
     function changeStars(){
       for(var i = 0;i < $scope.starArray.length; i++){
         if($scope.currentStar >= $scope.starArray[i].id){
           $scope.starArray[i].src = "img/icons/star.png";
         }else{
           $scope.starArray[i].src = "img/icons/starBack.png";
         }
       }
     }

     //点击星星的操作
     $scope.clickStar = function(item){
       $scope.currentStar = item.id;
       changeStars();
     };
     //点击评价按钮 判断用户是否已经点击星星 给与评价
     $scope.clickPublish = function() {
       if($scope.currentStar == 0){
         //若没点击，弹出提示
         Popup.loadMsg('请点击对应的星星给协作人评价！', 1500);
       }else{
         //TODO
       }
     };

   })

html 里的代码

 <div class="center_div" style="height:60px;padding-left: 20px;padding-top: 10px;padding-right: 20px;">
         <div style="float:left;white-space:nowrap" ng-repeat="item in starArray">
           <img ng-click="clickStar(item)" src="{{item.src}}"/>
         </div>
       </div>