添加“喜欢”在Angular.js

按钮

我已经做的我做的一点点捣鼓，但它不会在拨弄工作奇怪，但并逐步增加一个像我的版本：http://jsfiddle.net/LQFrv/添加“喜欢”在Angular.js

function($scope) { 

var hasLiked = false; 

$scope.likeClicked = function() { 

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

    hasLiked = true; 

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

};

}）;

我所试图做的是：添加“喜欢”>禁用“像”与“不像”>元素上的下一个点击替换，删除等等

请帮帮忙！

感谢，

来源

2013-04-09 JohnRobertPett

使用浏览器控制台查看错误。小提琴立即抛出错误'SyntaxError：函数语句需要一个名称'，并且在fiddle html中没有'ng-controller'。什么是问题？ – charlietfl 2013-04-09 12:59:10

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/
希望有所帮助！

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

来源

2013-04-09 13:22:53

谢谢，我无法得到小提琴的工作，但现在将其添加到我的代码，看看它是如何去！良好的工作，快速的反应，我喜欢！ – JohnRobertPett 2013-04-09 13:27:21

@JohnRobertPett对不起，我搞砸了链接，现在再试！ – 2013-04-09 13:28:32

是的，把它放在我的代码里，好工作！非常感谢！ – JohnRobertPett 2013-04-09 13:37:57

添加“喜欢”在Angular.js

回答

相关问题