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>