TypeError：无法读取未定义的属性“协议”

Question

我不明白为什么我的工厂与REST API通信不起作用。 我收到以下错误：

TypeError: Cannot read property 'protocol' of undefined 

和

TypeError: Cannot read property 'message' of undefined 

todo.controller.js

'use strict'; 
angular 
    .module('app') 
    .controller('TodoController', ['$scope', 'todoFactory', function ($scope, todoFactory) { 

     getTodos(); 

     function getTodos() { 
      todoFactory.all() 
       .success(function (todos) { 
        $scope.todos = todos; 
       }) 
       .error(function (error) { 
        $scope.status = 'Unable to load todo data: ' + error.message; 
       }); 
     } 

    }]); 

todo.factory.js

'use strict'; 
angular.module('app') 
    .constant('API_URI', 'http://localhost:8080/api/todo') 
    .factory('todoFactory', ['$http', function($http, API_URI) { 

     var todoFactory = {}; 

     function getUrl() { 
      return API_URI; 
     } 

     function getUrlForId(itemId) { 
      return getUrl + itemId; 
     } 

     todoFactory.all = function() { 
      return $http.get(getUrl()); 
     }; 

     todoFactory.fetch = function (id) { 
      return $http.get(getUrlForId(id)); 
     }; 

     todoFactory.add = function (todo) { 
      return $http.post(getUrl(), todo); 
     }; 

     todoFactory.update = function (todo) { 
      return $http.put(getUrlForId(id), todo) 
     }; 

     todoFactory.delete = function (id) { 
      return $http.delete(getUrlForId(id)); 
     }; 

     return todoFactory; 
    }]); 

但是，如果我将调用简单$ http.get（东西）在工作控制器：

$http.get('http://localhost:8080/api/todo'). 
     success(function(data) { 
      $scope.todos = data; 
     }); 

我做什么毛病我厂使用比较简单直接$ http.get（）在控制器？

Answer 1

有了这个语法（缩小支持）：

.factory('todoFactory', ['$http', function($http, API_URI) { 

您需要添加'API_URI'作为一个字符串，以及（旁边'$http'）

.factory('todoFactory', ['$http', 'API_URI', function($http, API_URI) { 

否则，关注的是注入了API_URI参数。