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参数。

TypeError：无法读取undefined的属性'protocol'

1 个答案: