我如何编写一个在AngularJS中返回true / false的服务？

2018-06-27 20:22:18

我一直在阅读AngularJS工厂和服务，并且遇到了很多例子。但我不了解他们背后的逻辑，也无法让他们工作。

myApp.service('loginCheck', function(Facebook) {
this.loggedIn = false;
Facebook.login(function(response) {
    if (response.status == 'connected') {
        this.loggedIn = true;
    }
});
});

如果我对这个概念的理解是正确的，我需要得到这个服务来返回loggedIn变量。我应该使用工厂吗？我需要一直存储这个变量，而不是每当我需要时再次打电话。我该怎么做。我无法真正了解工厂和服务之间的区别。我是这里的初学者。

if(loginCheck.loggedIn){
    console.log("logged in!");
}
else{
    console.log("not logged in :/")
}

谢谢。

你可以这样做，

app.service('MyUser', [function($scope) {
  this.loggedIn = false;
  return {
    getStatus: function() {
       //call fb api
       this.loggedIn = true;
       return this.loggedIn;
    }
  }
}]);

DEMO

var app = angular.module('app', []);
app.controller('loginController',['$scope', 'MyUser',function($scope, MyUser)
{
    $scope.isloggedin = MyUser.getStatus();
    alert($scope.isloggedin);
}]);
app.service('MyUser', [function($scope) {
  this.loggedIn = false;
  return {
    getStatus: function() {
       this.loggedIn = true;
       return this.loggedIn;
    }
  }
}]);

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body ng-app="app" ng-controller="loginController">
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>   
</body>
</html>

定义一个工厂并作为依赖关系传递给你的控制器。

var myApp = angular.module('myApp', []);
myApp.factory('loginCheck', ["Facebook", function(Facebook) {
  var object = {
    loggedIn: false,
    loginFacebook: function() {
      // do facebook login here:
      //Facebook.login(function(response) {
      //  if (response.status == 'connected') {
          object.loggedIn = true;
      //  };
      }
    };

  object.loginFacebook();
  return object;
}]);

myApp.controller('myCtrl', ['loginCheck', '$scope', function(loginCheck, $scope) {
  $scope.loggedIn = loginCheck.loggedIn;
}]);

在这里检查这个jsFiddle示例。

我不知道Facebook身份验证，但我认为这些链接可能会帮助你：https：//blog.brunoscopelliti.com/facebook-authentication-in-your-angularjs-web-app/，https：//developers.facebook的.com /文档/ JavaScript的/ HOWTO / angularjs

要找到服务和工厂之间的不同看看这个问题或这个链接。

链接地址: http://www.djcxy.com/p/77833.html

上一篇: How do I write a service that return true/false in AngularJS?

下一篇: could not get the property value of my object in angularJs