javascript - 如何处理 AngularJS 服务中的回调

Question

我正在使用 Phonegap-Plugin 读取 NFC 标签的 ID，并希望在 .factory 内部使用它

它是做什么的:

在我的 .factory 中，我调用命令“nfc.addTagDiscoveredListener”，该命令为 NFC 标签注册事件监听器。成功后，他调用函数holeNfc并应触发nfc事件。

事实上，我的函数holeNfc被调用，但nfcEvent不会到达。 进一步的结果是该行 --> tag = nfcEvent.tag;不会工作，因为他没有收到 nfcEvent。

代码:

app.factory('leseNfc', function($rootScope) {

        // Items exposed to other modules
        
        return {
           initNfc: initNfc
        };

        
      
       function initNfc() {
            var tag = '';
            var taglesen = '';

            function holeNfc(nfcEvent) {
                tag = nfcEvent.tag;
                taglesen = nfc.bytesToHexString(tag.id);
            }

            nfc.addTagDiscoveredListener(
                 holeNfc(),             // tag successfully scanned
                 function (status) {    // listener successfully initialized
                    msg = "NFC Reader ist ready";
                    //return msg;
                 },
                 function (error) {     // listener fails to initialize
                    msg = "NFC Reader ist nicht ready";
                    //return msg;
                 }
            );

            return taglesen;
        }
    });

我也在我的 Controller 中尝试了相同的操作，并且它可以正常工作:

app.controller('Page3Ctrl', function($scope, $rootScope, Data, leseNfc, Calc) {
        $scope.item = Data.selectedItem.title;

        

        $scope.save = function() {
            Data.selectedItem.title = $scope.item;
            $scope.ons.navigator.popPage();
        };

        $scope.readNfc = function(nfcEvent) {
            
            var tag = nfcEvent.tag;
            var taglesen = nfc.bytesToHexString(tag.id);
            $scope.$apply(function() {
                $scope.nfcvalue = taglesen;
            });
        };

        nfc.addTagDiscoveredListener(
             $scope.onNfc,             // tag successfully scanned
             function (status) {    // listener successfully initialized
                $scope.nfcok = "NFC Reader ist ready";
             },
             function (error) {     // listener fails to initialize
                $scope.nfcok = "NFC Reader ist nicht ready";
             }
        );
    });

我的 Controller :

app.controller('NFCCtrl', function($scope, $rootScope, Data, Calc, onNfc, leseNfc) {
        $scope.item = Data.selectedItem.title;

        

        $scope.save = function() {
            Data.selectedItem.title = $scope.item;
            $scope.ons.navigator.popPage();
        };

                   
        $scope.readnfc = function() {
            $scope.nfcvalue = leseNfc.initNfc();
        };

    });

<ons-page class="center">
    <div ng-controller="NFCCtrl">
        <ons-text-input ng-model="item" style="margin:10px;"></ons-text-input><br>
        <ons-text-input ng-model="nfcvalue" style="margin:10px;"></ons-text-input><br>
        <ons-button ng-click="save()">Save</ons-button>
        <ons-button ng-click="readnfc()">Nfc</ons-button>
    </div>
</ons-page>

Answer 1

您似乎是在第一个代码片段上调用您的函数。事实上，您应该将其作为参数传递。

只需将holeNfc() 更改为holeNfc

 nfc.addTagDiscoveredListener(
             holeNfc,             // tag successfully scanned
             function (status) {    // listener successfully initialized
                msg = "NFC Reader ist ready";
                //return msg;
             },
             function (error) {     // listener fails to initialize
                msg = "NFC Reader ist nicht ready";
                //return msg;
             }
        );

编辑更换工厂这样的东西会更好。

app.factory('leseNfc', function($rootScope) {

    // Items exposed to other modules

    return {
       initNfc: initNfc
    };



   function initNfc(callback) {


        function holeNfc(nfcEvent) {
            var tag = nfcEvent.tag;
            var taglesen = nfc.bytesToHexString(tag.id);
            callback(taglesen);


        }

        nfc.addTagDiscoveredListener(
             holeNfc,             // tag successfully scanned
             function (status) {    // listener successfully initialized
                msg = "NFC Reader ist ready";
                //return msg;
             },
             function (error) {     // listener fails to initialize
                msg = "NFC Reader ist nicht ready";
                //return msg;
             }
        );

    }
});

在您的 Controller 中，您可以执行与之前读取值类似的操作:

initNfc(function(taglesen){
     $scope.$apply(function() {
            $scope.nfcvalue = taglesen;
        });
);

不同之处在于，这个插件在您注册后似乎会不断调用您的代码，因此您实际上应该只调用 initNfc 一次，因为它甚至可以在每次读取内容时继续调用您的代码 2 或 3 次。