添加'like'按钮

Adding a 'like' button in Angular.js

本文关键字：按钮 like 添加      更新时间：2023-09-26

我已经做了一点我正在做的事情，虽然它不会在小提琴中奇怪地工作，但确实在我的版本中增加了一个类似: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'>禁用'like'并替换为'不像'>在下一次点击元素，删除like

请帮忙!

谢谢,

JP

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/
希望这对你有帮助!

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

相关文章：