Javascript AngularJS TypeError:randomQuotes.getAll不是函数_Javascript_Angularjs

Javascript AngularJS TypeError:randomQuotes.getAll不是函数

javascript angularjs

Javascript AngularJS TypeError:randomQuotes.getAll不是函数,javascript,angularjs,Javascript,Angularjs,我正在尝试使用AngularJS从web api检索随机引用。但是，我收到此错误“TypeError:randomQuotes.getAll不是b.getQuotes（controller.js:18）”的函数。如何解决此错误？。我已经对错误指向的行进行了注释 factory.js angular.module('quotesService', ['ngResource']). factory('randomQuotes', [ '$resource', function ($

我正在尝试使用AngularJS从web api检索随机引用。但是，我收到此错误“TypeError:randomQuotes.getAll不是b.getQuotes（controller.js:18）”的函数。如何解决此错误？。我已经对错误指向的行进行了注释

factory.js

angular.module('quotesService', ['ngResource']).
factory('randomQuotes', [
    '$resource',

    function ($resource) {

        return $resource('http://quotesondesign.com/wp-json/posts?',

            {
                getAll: {
                    method: 'GET',
                    isArray: true,
                    params: { }
                }
            });
    }

]);

controller.js

app.controller('ApiController', [
    '$scope','$timeout','$q','$http','randomQuotes',

    function($scope,$timeout,$q,$http,randomQuotes) {

        $scope.model = {
           number: 0,
           result: 'Ready',
        };

        $scope.getQuotes = getQuotes;

        function getQuotes() {

            $scope.model.quotes = randomQuotes.getAll(); //error points to this line (line 18)
        }

    }
])

app.js

var app = angular.module('app',[
    'ngResource',
    'quotesService'

]);

index.html

<html ng-app = "app">
<head>

</head>

<body ng-controller= "ApiController">
    <div class = "container">
            <div><input type = "button" class = "btn btn-primary" value = "Get Quote" ng-click="getQuotes()"/></div>

            <div class = "quote" ng-repeat="quote in model.quotes">

                <p>quote.title</p>
                <p>quote.content</p>

            </div>


    </div>



    <script src  = "js/angular.min.js"></script>
    <script src  = "js/angular-resource.min.js"></script>
    <script src =  "factory.js"></script>
    <script src =  "app.js"></script>
    <script src =  "controller.js"></script>
</body>

</html>


quote.title
quote.content

如下更改您的工厂：

angular.module('quotesService', ['ngResource']) 
    .factory('randomQuotes', function($resource) {      
        return $resource('http://quotesondesign.com/wp-json/posts?', {}, {
            getAll: {method:'GET', params:{}, isArray:true}     
        });
    });