通过注入访问 Angular 工厂

Question

我无法访问我的 Angular 工厂中的方法？我收到“TypeError：Object # has no method 'method1'”错误。我的 Angular 应用看起来像这样......

myApp.js

var myApp = angular.module('myAngApp', [])

myApp.config(function ($routeProvider, $httpProvider) {

$routeProvider
    .when('/list',
      {
        controller: 'ListController',
        templateUrl: 'partials/list.html'
      })
     .when('/reports/:reportId',
      {
        controller: 'DetailController',
        templateUrl: 'partials/report.html'
     })
})

factory.js

myApp.factory('factory1', function(){

    var factory = {}; 

    factory.method1 = function() {
            console.log('method1');
        }

    factory.method2 = function() {
            console.log('method2');
        }

    return factory;

});

ListController.js

function ListController($scope, $location, $http, $route, $rootScope, factory1) {
  factory1.method1();
}

ListController.$inject = ['$scope', '$location', '$http', '$route', '$rootScope', 'factory1'];

Answer 1

试试这个...

myApp.controller('ListController', [
  '$scope',
  '$location',
  '$http',
  '$route',
  '$rootScope',
  'factory1',
  function ($scope, $location, $http, $route, $rootScope, factory1) {
    factory1.method1();
  }]);

而不是您当前的函数 ListController 和 $inject 语句

jsfiddle http://jsfiddle.net/NuCZz/