Facebook login with Ionic/Angularjs?

Question

I’m trying to log in to facebook with Ionic/Angularjs.

Whenever I try to login returns this error:

Object {errorMessage: "User cancelled dialog", errorcode: "4201"}

I’m following this example: Login Facebook with Ionic

How to solve this problem ?

var app = angular.module("starter");

app.controller("MainCtrl", function($scope, $state, $ionicHistory, $ionicLoading){

  // This is the success callback from the login method
  var fbLoginSuccess = function(response) {
    console.log("cliquei");
    if (!response.authResponse){
      fbLoginError("Cannot find the authResponse");
      return;
    }

    var authResponse = response.authResponse;

    getFacebookProfileInfo(authResponse)
      .then(function(profileInfo) {
      console.log("Email profile " + profileInfo.email);      
      $ionicLoading.hide();      
    }, function(fail){
      // Fail get profile info
      console.log('profile info fail', fail);
    });
  };

  // This is the fail callback from the login method
  var fbLoginError = function(error){
    console.log('fbLoginError ', error);
    $ionicLoading.hide();
  };

  // This method is to get the user profile info from the facebook api
  var getFacebookProfileInfo = function (authResponse) {
    var info = $q.defer();

    facebookConnectPlugin.api('/me?fields=email,name&access_token=' + authResponse.accessToken, null,
      function (response) {
        console.log(response);
        info.resolve(response);
      },
      function (response) {
        console.log(response);
        info.reject(response);
      }
    );
    return info.promise;
  };
});

Answer 1

solved. After much researching I ended up using the ngOpenFB

https://github.com/r-wettstaedt/ngOpenFB

https://github.com/ccoenraets/OpenFB

https://ccoenraets.github.io/ionic-tutorial/ionic-facebook-integration.html