添加「喜歡」在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

回答

相關問題