javascript - 如何将第三方库注入(inject)到 angular.js 服务中

Question

我在尝试将 Angular 缓存库加载到我的服务时遇到问题。我使用 Bower 将 Angular-Cache 添加到我的项目中，并且已成功添加。当我在 Chrome 上调试服务代码时，我在“网络”选项卡中看到加载了 Angular 缓存:

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

有一个 config.js 文件，我加载所有库。此行用于 Angular 缓存:

'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

This是 Angular-Cache 的 github 页面。我错过了什么？

Answer 1

你尝试过这个吗，我猜这是你的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 与 Angular 一起使用。