https://github.com/piyalidas10/facebook-like-dislike-using-angularjs

Facebook like dislike button using Angularjs
https://github.com/piyalidas10/facebook-like-dislike-using-angularjs

angular angularjs facebook facebook-like like like-button

Last synced: 9 months ago
JSON representation

Facebook like dislike button using Angularjs

• Host: GitHub
• URL: https://github.com/piyalidas10/facebook-like-dislike-using-angularjs
• Owner: piyalidas10
• Created: 2017-06-28T16:35:26.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-06-28T16:48:35.000Z (almost 9 years ago)
• Last Synced: 2025-10-13T09:08:14.144Z (9 months ago)
• Topics: angular, angularjs, facebook, facebook-like, like, like-button
• Language: HTML
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Facebook-Like-Dislike-using-Angularjs

When user click on "Like" button, $scope.getlike function sets $scope.dislike property to true and $scope.likes is addding by 1. Then btnclass "btn-primary" is addded in button class. Again when user click on "Like" button, $scope.likes is substracting by 1 because we are getting ($scope.dislike ---- true) from first click.

app.js

    var app = angular.module("likeApp",[]);

    app.controller("mainCtrl",function($scope){

      $scope.dislike = false;

      $scope.btnclass = "";

      

      $scope.getlike=function(){

      

        if($scope.dislike==false){

          $scope.likes += 1;

          $scope.dislike = true;

          $scope.btnclass = "btn-primary";

        }

        else{

          $scope.likes -= 1;	

          $scope.dislike = false;

          $scope.btnclass = "";

        }

      }

    });

    

    

Html code

        

        Like