angularjs - 将依赖项注入(inject) angular.factory 并访问依赖项

Question

我已经用 Bower 添加了 Angular 矩库。

我遵循了 Angular 矩作者的操作方法，并将这两个脚本添加到了我的 index.html 文件和 karma.conf.js 文件中，其中包含某些文件的文件选项。

如何在我的 app/dateFactory 中访问 Angular 矩对象来执行时间操作？

应用程序/dateFactory

'use strict';

angular.module('clientApp', ['angularMoment']).factory('dateFactory', function () {


    function dateRange(startDate, endDate) {


    }

    // Public API here
    return {
        dateRange: dateRange
    }
});

更新 => 运行此代码，工厂实例已定义!

angular.module('clientApp').factory('dateFactory', function() {
    function dateRange(startDate, endDate) {
       var bla = moment.format()

        return [];
        //return Enumerable.range(0, endDate.Subtract(startDate).Days + 1).Select(offset => startDate.AddDays(offset)).toArray();
    }

    // Public API here
    return {
        dateRange: dateRange
    }
});

更新 => 运行此代码，工厂实例未定义!

angular.module('clientApp', ['angularMoment']).factory('dateFactory', ['moment', function(moment) {
    function dateRange(startDate, endDate) {


        moment.format() //for example

        return [];
        //return Enumerable.range(0, endDate.Subtract(startDate).Days + 1).Select(offset => startDate.AddDays(offset)).toArray();
    }

    // Public API here
    return {
        dateRange: dateRange
    }
}]);

这就是工厂的创建方式:

describe('Service: dateFactory', function () {

  // load the service's module
  beforeEach(module('clientApp'));

  // instantiate service
  var dateFactory;
  beforeEach(inject(function (_dateFactory_) {
    dateFactory = _dateFactory_;
  }));

  it('should do something', function () {

      var data = dateFactory.dateRange(new Date(2014,1,1), new Date(2014,1,15));

    expect(!!dateFactory).toBe(true);
  });

});

Answer 1

您可以将“时刻”全局注入(inject)到您的工厂中。

'use strict';

angular.module('clientApp', ['angularMoment']).factory('dateFactory', ['moment', function(moment) {
    function dateRange(startDate, endDate) {
        moment.format() //for example

    }

    // Public API here
    return {
        dateRange: dateRange
    }
}]);