У меня есть это приложение для голосования, над которым я работаю, я внедрил кнопку входа в facebook, я решил показать какую-то кнопку, когда пользователь подключен, поэтому должен быть включен для голосования, однако моя кнопка ng-click не работает, пожалуйста, помогите
тег html-скрипта
// for FB.getLoginStatus().
if (response.status === 'connected') {
// Logged into your app and Facebook.
var elems = document.getElementsByClassName("voters");
for(i=0; i<elems.length; i++){
elems[i].innerHTML("<div class='selector'> <a class='btn btn-lg btn-warning' ng-click='upVote(item)'><b> VOTE</b></a></div>");
$compile(elems[i])($scope);
}
testAPI();
}
else if (response.status === 'not_authorized')
{
// The person is logged into Facebook, but not your app.
//document.getElementById('status').innerHTML = 'Please log ' +
// 'into this app.';
document.getElementById('status').innerHTML =
'You Are Not Logged In ... Please Login To Vote!';
var elems = document.getElementsByClassName("voters");
for(i=0; i<elems.length; i++){
elems[i].innerHTML = '';
}
} else {
document.getElementById('status').innerHTML =
'You Are Not Logged In ... Please Login To Vote!';
// The person is not logged into Facebook, so we're not sure if
// they are logged into this app or not.
var elems = document.getElementsByClassName("voters");
for(i=0; i<elems.length; i++){
elems[i].innerHTML = '';
}
тело html с ng-repeat
<div class="col-md-3" ng-repeat="item in contestant | filter: search | orderBy:artistOrder:direction" style="margin-bottom:30px">
<div class="row text-center">
<p>
<img ng-src="uploads/{{item.ImageUrl}}" class="vote-img">
</p>
</div>
<div class="row ">
<div class="col-md-6 text-center">
<p class="contest-text">{{item.Name}}</p>
</div>
<div class="col-md-6 text-center">
<p class="contest-text"><span class="glyphicon glyphicon-thumbs-up"> {{item.Votes}} Votes </span></p>
</div>
</div>
<div class="row text-center">
<p class="contest-text voters"><!--<a class="btn btn-lg btn-warning" ng-click="upVote(item);"><b> VOTE</b></a>--> </p>
</div>
</div>
контроллер в angularjs
var artistController = angular.module("artistController", []);
/* artistController.directive('ngbutton', function() {
return {
restrict: "E",
template: "<a class='btn btn-lg btn-warning' data-ng-click='upVote(item)'><b> VOTE</b></a>"
};
});*/
artistController.controller("ListController", ['$scope', '$http',function($scope, $http){
$http.get('ajax/getContestant.php').success(function(data){
$scope.contestant = data;
// $scope.artistOrder = 'name';
});
$scope.upVote = function(item){
item.Votes++;
updateVote(item.ID,item.Votes);
};
function updateVote(id,votes){
$http.post('ajax/updateVote.php?id='+id+'&votes='+votes);
}
}]);
artistController.controller("DetailsController", ['$scope', '$http','$routeParams',function($scope, $http,$routeParams){
$http.get('js/data.json').success(function(data){
$scope.artists = data;
$scope.whichItem = $routeParams.itemID;
if ($routeParams.itemID > 0) {
$scope.prevItem = Number($routeParams.itemID) -1;
}
else{
$scope.prevItem = $scope.artists.length -1;
}
if ($routeParams.itemID < $scope.artists.length -1) {
$scope.nextItem = Number($routeParams.itemID) +1;
}
else{
$scope.nextItem = 0;
}
});
}]);
кнопка ng-click не работает, помогите
