检查angularjs中的条件

Question

基本上我有一个工厂

angular.module('app').factory('gService',gService);
function gService($filter, $window) {
    function confirmDialog(message, success, fail) {
        var confirmMessage = navigator.notification.confirm(
                message,
                onConfirm,
                '',
                [$filter('translate')('OK'), $filter('translate')('CANCEL')]
            );
        function onConfirm(index) {         
            return index === 1 ? success() : fail();
        }
        return confirmMessage;
    }
}

我想检查这个工厂外的情况，是否执行了功能

if(gService.confirmDialog.onConfirm){

}

这不起作用。如何检查以角度执行的函数？

Answer 1

尝试以下方法：

angular.module('app').factory('gService', gService);
function gService($filter, $window) {
  var observers = [];
  function observeNotify(callback) {
    observers.push(callback);
  }
  function confirmDialog(message, success, fail) {
    var confirmMessage = navigator.notification.confirm(
      message,
      onConfirm,
      '',
      [$filter('translate')('OK'), $filter('translate')('CANCEL')],
    );
    function onConfirm(index) {
      var condition = index === 1;
      observers.forEach(function(observer) {
        observer(condition);
      });
      return condition ? success() : fail();
    }
    return confirmMessage;
  }
}
//Outside of the factory

gService.observeNotify(function(condition){
  console.log(condition);
});

这样你就可以注册函数，在onConfirm函数的执行过程中被调用

Answer 2

你为什么不这样做。

angular.module('app').factory('gService',gService);
function gService($filter, $window) {
    var obj = {
        confirmDialog : confirmDialog,
        onConfirm : onConfirm,
    }
    obj.executed = false;
    function confirmDialog(message, success, fail) {
        var confirmMessage = navigator.notification.confirm(
                message,
                onConfirm,
                '',
                [$filter('translate')('OK'), $filter('translate')('CANCEL')]
            );
        function onConfirm(index) {         
            if(index===1){
                //I dont know you want function or returned value of function but you can use success() as well
                obj.executed = success;
                return success();
            }else{
                obj.executed = fail;
                return fail();
            }
        }
        return confirmMessage;
    }
    return obj;
}

你现在可以检查..

如果（gService.executed）{

}

我不知道你是否忘记了，但你还没有从工厂退回任何东西。

Answer 3

EMIT & BROADCAST

如果您检查onConfirm 事件，它将控制是onConfirm 函数，该函数定义在语句所写的gService.confirmDialog 对象上。这不是异步和承诺的工作。

if(gService.confirmDialog.onConfirm){

}

---

您需要先通知您的听众。之后收听该事件来完成你的工作。

您可以将broadcast 或emit 事件添加到等待onConfirm 事件的作用域。

   angular.module('app').factory('gService',gService);
    function gService($rootScope, $filter, $window) {
        function confirmDialog(message, success, fail) {
            var confirmMessage = navigator.notification.confirm(
                    message,
                    onConfirm,
                    '',
                    [$filter('translate')('OK'), $filter('translate')('CANCEL')]
                );
            function onConfirm(index) {
                var result = index === 1 ? success() : fail();
                $rootScope.$emit('onConfirm', result); 
                //or
                //$rootScope.$broadcast('onConfirm', result); -> this goes downwards to all child scopes. Emit is upwarded.

            }
            return confirmMessage;
        }
    }

之后您应该检查是否触发了onConfirm 事件。这就是你需要的控制。

function onConfirmFunction( result ){ //You will get the success or fail methods result here... };

$rootScope.$on('onConfirm', onConfirmFunction);

Answer 4

基本上你不会从函数gService（你的工厂的实现）返回（引用你共享的代码）任何东西，因为它是factory，你必须返回一些东西。你的内部函数confirmDialog 返回一个对象，但外部函数gServive 不返回任何东西。您想要执行它的方式，您必须返回 confirmDialog 回调并且必须在注入端执行，如

if(gServive(<..args...>).onConfirm())

如果玩具返回一个对象，那么

return {confirmDialog: confirmDialog(...<args>...)}

然后在注入端

if(gService.confirmDialog.onConfirm)

注意：你的 onConfirm 是一个函数，通过调用它，它会返回一些东西，所以它必须用(...) 调用，它实际上听起来像一个事件附加函数，它将进行回调并在完成时触发，但您的代码并没有这么说。在这种情况下，您可以维护一个承诺，并在onConfirm 调用中将回调作为参数，然后将其传递给该承诺的then，每当您完成确认时，只需解决该承诺。

Answer 5

将 onComfirm 转换为 Promise，并在 Promise 解决后做一些事情。

function onConfirm(index) {
  return $q(function (resolve, reject) {
  index === 1 ? resolve(true) : reject(false);
  });
 }



  $scope.callFun = function () {
    gService.confirmDialog("", "","").onConfirm()
       .then(function(sucess) {
          successMethod();  
        }, function(error) {
           console.error('oh no');
        });

Answer 6

这是您所期待的吗？我不确定是什么问题。能详细解释一下吗？

<!doctype html>
<html lang="en" ng-app="app">

<head>
  <meta charset="utf-8">
  <title>How AngularJS Works?</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script>
</head>

<body ng-controller="appCtrl">

  <p>Welcome to BooKart, we have collection of {{1 + ' Million'}} books.</p>
  <script>
    var app = angular.module('app', []);
    app.factory('gService', gService);

    function gService($filter, $window) {
      function confirmDialog(message, success, fail) {
        alert("called");
        var confirmMessage = navigator.notification.confirm(
          message,
          onConfirm,
          '', [$filter('translate')('OK'), $filter('translate')('CANCEL')]
        );

        function onConfirm(index) {
          return index === 1 ? success() : fail();
        }
        return confirmMessage;
      }
      return {
        confirmDialog:confirmDialog
      }
    }

    app.controller("appCtrl", function ($scope, gService) {
      $scope.callFun = function () {
        if (gService.confirmDialog("", "","").onConfirm) {

        }
      };
      $scope.callFun();
    });
  </script>


</body>

</html>