如何将第三方库注入angular.js服务

脑部按摩

尝试将angular-cache库加载到我的服务时遇到了麻烦。我使用Bower向我的项目添加了角度缓存,并且成功添加了它。当我在Chrome上调试服务代码时,我在“网络”标签中看到已加载角度缓存:

Name: angular-cache.js
Method: GET
Status: 200
Type: script
Initiator: require.js:1901
Size: 6,5 kb
Time: 16 ms

我有一个config.js文件,它加载了所有库。这行是针对角度缓存的:

'angular-cache': '../bower_components/angular-cache/dist/angular-cache',

这是垫片内的线:

'angular-cache': ['angular'],

这是服务:

 define(
    [ 'angular', 'services-module'],
    function(angular, services) {
        services.factory(
          'MyService',
           [
            "$location",
            "$interval",
            "MyOtherService",
            "CacheFactory",
            function($location, $interval, otherService, cacheFactory) {

               var service = {
                    myCachingFunction : function(parameters){

                    }, 
                    getCache : function(cacheId) {

                    }
                }
                return service;
            } ]);
});

这是我得到的错误:

Error: [$injector:unpr] Unknown provider: CacheFactoryProvider

是angular-cache的github页面。我想念什么?

约翰尼·哈(Johnny Ha)

您是否尝试过,我想这是您的service.js:

define(
['angular', 'services-module'],
function(angular, services) {
    services.factory(
      'MyService',
       [
        "$location",
        "$interval",
        "MyOtherService",
        "CacheFactory",
        function($location, $interval, otherService, cacheFactory) {

在您的app.js中:

define(
['angular', 'angular-cache'],
function(angular) {
    var myApp = angular.module('myApp', [ 'ngResource', 'app.controllers', 'app.directives', 'app.services', 'app.filters', 'app.routes', 'app.interceptors', 'angular-cache' ]);

在config.js中:

    shim: {
      'angular-cache': {
         deps: ['angular']
       }
    }

我猜您正在使用Require with Angular。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将第三方库连接到Angular 4以用作服务

Symfony 4-将构造函数参数注入自动连接的第三方服务

如何将业务逻辑重构为域实体中的第三方服务调用?

如何将第三方js文件添加到Webpack捆绑包中?

如何在不安装类型的情况下在 Angular 2+ 中使用第三方 js 库?

在ReactJS中包装第三方JS库

禁用第三方JS库的压缩

在Jint中使用第三方js库

将第三方js库添加到Create React App

第三方服务整合

如何使用Angular服务提供诸如传单或Google Maps的第三方API?

如何在Stencil.js中使用外部第三方库

如何使用Node.js下载文件(不使用第三方库)?

如何在Meteor.js中包含第三方JavaScript库?

如何通过Ember中的脚本标签提供第三方js库?

如何阻止用于第三方的节点js服务器地址和端口

将第三方服务器中的对象ID用作SQL数据库的PK是否很好?

在angular 5应用程序中导入第三方js库cq-prolyfill的正确方法

浏览器扩展-如何在background.js文件中包含第三方库

根据第三方捆绑中的配置将服务用于服务

如何使用 AWS Transfer 使用 Node.js 将文件从 AWS 移动到第三方

导入第三方依赖性的Angular服务方法的单元测试

将 Laravel 服务容器用于第三方 API

EasyXDM:从第三方服务下载文件

使用领事监控第三方服务

第三方地址上的服务 AutoDiscoverUrl

从 Web 服务 (ASMX) 调用第三方 API

解析集成第三方服务

AWS IOT到第三方DynamoDB服务