当前位置: 首页 > 面试题库 >

从简单的JS代码调用angularjs服务

端木飞
2023-03-14
问题内容

我有以下angularjs服务:

angular.module('app.main').factory('MyService', ["$http", function ($http) {
    return new function () {

        this.GetName = function () {
            return "MyName";
        };
    };
}]);

如何从旧版js代码中调用GetName函数MyService


问题答案:

使用angular.injector。使用您的代码,您可以执行以下操作:

angular.module('main.app', []).factory('MyService', ['$http', function ($http) {
    return new function () {

        this.GetName = function () {
            return "MyName";
        };
    };
}]);


angular.injector(['ng', 'main.app']).get("MyService").GetName();

这是jsfiddle:http :
//jsfiddle.net/wGeNG/

注意 -加载自定义模块之前,您需要添加“ ng”作为第一个模块,因为示例代码取决于ng模块中的$ http提供程序。

编辑 - get()在OP的答案中使用, 请注意,此代码在不依赖于绑定到应用程序模块“ main.app”的元素的情况下获取服务。



 类似资料:
  • 问题内容: 我正在使用AngularJS来构建与旧版Flex应用程序交互的HTML控件。来自Flex应用程序的所有回调都必须附加到DOM窗口。 例如(在AS3中) 将会通知 我想从JS调整大小函数中调度一个控制器可以听到的事件。似乎创建服务是必经之路。您可以从AngularJS外部更新服务吗?控制器可以侦听来自服务的事件吗?在一个实验中(单击以拨弄小提琴),我确实可以访问服务,但更新服务的数据未反

  • 本文向大家介绍js简单抽奖代码,包括了js简单抽奖代码的使用技巧和注意事项,需要的朋友参考一下 核心:js的Math对象和Array对象 demo:http://demo.jb51.net/js/2015/choujiang/ github:https://github.com/litengdesign/award

  • 本文向大家介绍简单的JS轮播图代码,包括了简单的JS轮播图代码的使用技巧和注意事项,需要的朋友参考一下 在团队带人,突然被人问到轮播图如何实现,进入前端领域有一年多了,但很久没自己写过,一直是用大牛写的插件,今天就写个简单的适合入门者学习的小教程。当然,轮播图的实现原理与设计模式有很多种,我这里讲的是用面向过程函数式编程去实现,相对于面向对象设计模式,代码难免会显得臃肿冗余。但没有面向对象的抽象却

  • 本文向大家介绍简单易用的倒计时js代码,包括了简单易用的倒计时js代码的使用技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍js简单倒计时实现代码,包括了js简单倒计时实现代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考,具体如下: 更多关于JavaScript相关内容可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技

  • 本文向大家介绍JS实现520 表白简单代码,包括了JS实现520 表白简单代码的使用技巧和注意事项,需要的朋友参考一下 这两天不知道咋了,迷迷糊糊的,突然知道今天是520的我,急急忙忙赶出个程序(新手,代码有点乱),发出来大家一起研究下(参考百度的)。 总结 以上所述是小编给大家介绍的JS实现520 简单表白代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感