在Angular.js中添加“喜欢”按钮

时间:2013-04-09 12:44:32

标签: javascript angularjs

我对我正在做的事情做了一点小事,虽然它在小提琴中不起作用,但在我的版本中逐渐增加了类似的内容:http://jsfiddle.net/LQFrv/

function($scope) {

var hasLiked = false;

$scope.likeClicked = function() {

    if( hasLiked === false ){
        $scope.likeCount = $scope.likeCount + 1;
    }

    hasLiked = true;

    if (hasLiked === true) {
        $scope.liked = 'Unlike';
    }

};

});

我要做的是:添加'like'>禁用'喜欢'并替换为'不赞成'>在下一次单击元素时,删除类似的

请帮忙!

谢谢,

JP

1 个答案:

答案 0 :(得分:4)

HTML:

<body ng-app ng-controller="Ctrl"> 
    <a ng-click="likeClick()" ng-init="liked='Like'; likeCount=0">
        {{liked}} {{likeCount}}
    </a>
</body>

JS:

function Ctrl($scope) {
var hasLiked = false;
$scope.likeClick = function () {
    if (!hasLiked) {
        hasLiked = true;
        $scope.liked = 'Unlike';
        $scope.likeCount += 1;
    } else {
        hasLiked = false;
        $scope.liked = 'Like';
        $scope.likeCount -= 1;
    }
};

}

工作小提琴:jsfiddle.net/LQFrv/4/
希望有所帮助!

编辑搞砸了链接,导致另一个小提琴,对不起,现在它应该是正确的!