javascript - 防止多个upvote Angularjs

Question

开始为我的英语感到抱歉。
我对这个问题进行了一些搜索，但对我没有任何帮助。

我的问题很简单:
我有一个投票系统，用户可以在其中投票(比如 Stackoverflow)。但问题是用户可以多次投票(而且不是很好..)。
我试图用 ng-disabled 制作一个按钮，但如果我这样做，用户只能对所有帖子投票一次(我的意思是如果他们投票给“帖子 A”，他们不能投票给“帖子 B” ”)。

这是我的 Controller 函数:

$scope.incrementUpvotes = function(post) {
        posts.upvote(post);
    };

这是我的工厂函数:

o.upvote = function(post){
    return $http.put('/posts/' + post._id + '/upvote', null, {
        headers: {Authorization: 'Bearer '+auth.getToken()}
    }).success(function(data){
        post.upvotes += 1;
    });
};

这里是 html :

<span class="glyphicon glyphicon-thumbs-up" ng-click="incrementUpvotes(post)"></span>

如果有人能帮助我，那就太好了!提前致谢!

Answer 1

请尝试使用button 或input 而不是span。因为 disabled 在 span 中不起作用。

<button id="{{ post._id + 'upvote' }}" class="glyphicon glyphicon-thumbs-up" ng-click="incrementUpvotes(post)"></button>

然后在点赞操作后将点赞 按钮 的 disabled 属性设置为 true。

o.upvote = function(post){
    return $http.put('/posts/' + post._id + '/upvote', null, {
        headers: {Authorization: 'Bearer '+auth.getToken()}
    }).success(function(data){
        post.upvotes += 1;
        angular.element(document.getElementById(post._id + 'upvote' ))[0].disabled = true;
    });
};