2013-04-09 2 views
0
에서 버튼 '처럼'

나는, 내가 뭐하는 거지의 작은 바이올린을 만들었 추가하지만, 점진적으로 내 버전에서와 같은 추가 않습니다 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'; 
    } 

}; 

});

입니다 내가 뭘하려고 : 사용 안 함> '와 같은'A '처럼'추가 요소의 다음 클릭에> '과는 달리'으로 대체 등

이 도와주세요 제거를!

감사합니다,

JP

+0

브라우저 콘솔을 사용하여 오류를 확인하십시오. Fiddle은 즉시 오류'SyntaxError : function statement requires name'을 throw하고 fiddle html에는'ng-controller'가 없습니다. 질문은 무엇입니까? – charlietfl

답변

5

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/
도움이 되길 바랍니다!

편집 : 링크가 엉망이되면 다른 피들로 이어집니다. 죄송합니다. 이제는 정확해야합니다!

+0

고마워, 나는 바이올린을 작동시킬 수는 없지만 그것을 지금 내 코드에 추가하고 그것이 어떻게되는지 보게 될 것이다! 좋은 일, 빠른 응답, 나는 좋아한다! – JohnRobertPett

+0

@JohnRobertPett 죄송합니다. 링크를 망쳤습니다. 다시 시도하십시오! –

+0

그래, 그걸 내 코드에 넣어 줘, 잘 했어! 다시 한번 고마워요! – JohnRobertPett

관련 문제