Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS – 自我引用服务?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建一个Angular应用程序,它将拥有一个顶级控制器和一个二级控制器.将有n个二级控制器,但我想把全局级函数放在某个地方.我在服务中这样做.

我开始创建一个返回api的单个服务的路径,真的,包含很多功能(下面).该服务返回一个具有两个属性分支的对象,每个属性分支包含一组函数.我如何从另一个调用其中一个

globalModule.factory('global',function($http) {

    var squares = MyApp.squares;  // this is the *only* link from Global namespace to this app

    return {
        squareMgr: {
            getSquaresEarned: function() {
                return squares.earned;
            },getSquaresPlaced: function() {
                return squares.placed;
            },setThisSquareEarned: function(value) {
                squares.earned.push(value);
            },setThisSquarePlaced: function(value) {
                squares.placed.push(value);
            }
        },missionMgr: {
            missionInfo: {},setMissionInfo: function(missionInfo) {
                this.missionInfo = missionInfo
            },complete: function(missionData) {

                log('complete called on video at ' + new Date());
                missionData.complete = true;
                log(angular.toJson(missionData));

                $http({
                    url: '/show/completeMission',method: "POST",data: missionData 
                })
                .then(function(response) {
                    if (response.data.success === true) {

                        log('completeMission success');

                        // increment squares earned counter
                        this.squareMgr.setThisSquareEarned(missionData.id);

                        // above is an attempt to run a function contained in this 
                        // same service in a different parent property branch.
                        // how *should* I do this?
                    }
                });
            }
        }
    }
});

解决方法

这样的事情怎么样:

globalModule.factory('global',function($http) {

    var glob = {
        squareMgr: {
           // ...
        },missionMgr: {
          foo: function() {
            glob.squareMgr.xyz(); 
          }

        }
    };

    return glob;
});

大佬总结

以上是大佬教程为你收集整理的AngularJS – 自我引用服务?全部内容,希望文章能够帮你解决AngularJS – 自我引用服务?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: