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>