최소 0의 투표 위젯

Question

사이트 방문자가 자신이 좋아하는 게임에서 투표를 할 수있는 투표 위젯이 있습니다. 그러나 방문객은 네거티브에도 투표 할 수 있습니다!

범위 내 game 객체의 현재 voteCount가 0로 설정되어있는 경우 예를 들어, 사용자는 아래쪽 화살표를 따라 올 수 -1로 변경. 어떻게 이런 일이 일어나지 않게 할 수 있습니까?

투표를하기 전에 수표를 사용하여 수동으로 할 수 있지만이를 수행 할 각도 필터가 없습니까?

또한 사용자가 끝없는 표 대신 단일 표를 허용하는 가장 빠른 방법은 무엇입니까? 쿠키가 가장 빠른 방법일까요? 또는 HTML5의 LocalStorage?

CTRL 코드

myApp.controller('VotingCtrl', function($scope){ 
    $scope.games = [ 
     { 
      name: 'Watch Dogs', 
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut felis dapibus, bibendum dui eu.', 
      imgUrl: 'img/watchdogs.jpg', 
      voteCount: 0 
     }, 
     { 
      name: 'Thief', 
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut felis dapibus, bibendum dui eu.', 
      imgUrl: 'img/thief.jpg', 
      voteCount: 0    
     }, 
     { 
      name: 'Fifa 2014', 
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut felis dapibus, bibendum dui eu.', 
      imgUrl: 'img/fifa2014.jpg', 
      voteCount: 0 
     } 
    ] 

    $scope.voteUp = function(game) { 
     game.voteCount += 1; 
    }; 

    $scope.voteDown = function(game) { 
     game.voteCount -= 1; 
    }; 
}); 

Answer 1

한 가지 방법은 voteCount = 0

다른 방법은 (내가 선호하는) 경우 downVote 버튼을 비활성화하는 경우 감소하지 않도록하여 voteDown 방법을 변경하는 것입니다 ng-disabled를 사용하여 voteCount가 0에 도달했습니다. 이렇게하면 사용자는 더 이상 다운 보턴트를 사용할 수 없음을 알 수 있습니다.

편집 : ng-disabled를 사용하기위한 의사 코드. 스팬을 사용 중지한다고 가정 할 때보기와 같이 수행 할 수 있습니다.

컨트롤러에서

<span ng-disabled="isDownVoteDisabled(game)"></span> 

, 당신은

$scope.isDownVoteDisabled = function(game) { 
    return game.voteCount <= 0; 
} 

Abhi을 정의 할 수 있습니다.