Javascript 错误：$injector:moduler模块错误_Javascript_C#_Html_Angularjs Directive_Asp.net Core Mvc

Javascript 错误：$injector:moduler模块错误

javascript c# html asp.net-core-mvc

Javascript 错误：$injector:moduler模块错误,javascript,c#,html,angularjs-directive,asp.net-core-mvc,Javascript,C#,Html,Angularjs Directive,Asp.net Core Mvc,刚刚接触angularjs，一直在寻找让应用程序运行的方法。非常简单明了：角度控制器： (function () { 'use strict'; angular .module('myQuotesApp') .controller('QuotesController', QuotesController); QuotesController.$inject = ['$scope', 'Quotes']; function

刚刚接触angularjs，一直在寻找让应用程序运行的方法。非常简单明了：

角度控制器：

(function () {
    'use strict';

    angular
        .module('myQuotesApp')
        .controller('QuotesController', QuotesController);

    QuotesController.$inject = ['$scope', 'Quotes']; 

    function QuotesController($scope, Quotes) {
        $scope.quotes = Quotes.query();
    }
})();

public IEnumerable<Quote> Get()
        {
            return new List<Quote> {
                new Quote { Id=1, Author="James John",       Comment="This guy is good to work with."},
                new Quote { Id=2, Author="Larry Page",       Comment="This is one of the best guys in the IT world"},
                new Quote { Id=3, Author="Goodwill Adebayo", Comment="It is always good to work with God." }
            };
        }

这是angularjs的服务类

(function () {
    'use strict';
    var QuotesService = angular.module('QuotesService', '[ngResource]');
    QuotesService.factory('Quotes', ['$resource', function ($resource) {
        return $resource('/api/quotes/', {}, {
            query: { method: 'GET', params: {}, isArray:true }
        });
    }]);
})();

这是html文件：

<!DOCTYPE html>
<html ng-app="myQuotesApp">
<head>
    <meta charset="utf-8" />
    <title>My Quotes App</title>
    <script src="lib/angular/angular.min.js"></script>
    <script src="lib/angular-resource/angular-resource.min.js"></script>
    <script src="lib/angular-route/angular-route.min.js"></script>
    <script src="/app.js"></script>
</head>
<body ng-cloak>
    <div ng-controller="QuotesController">
        <H2>List of Quotes</H2>
        <ul>
            <li ng-repeat="quote in quotes">
                <p> "{{quote.Content}}" - {{quote.Author}}</p>
            </li>
        </ul>
    </div>
</body>
</html>

服务器端控制器：

(function () {
    'use strict';

    angular
        .module('myQuotesApp')
        .controller('QuotesController', QuotesController);

    QuotesController.$inject = ['$scope', 'Quotes']; 

    function QuotesController($scope, Quotes) {
        $scope.quotes = Quotes.query();
    }
})();

public IEnumerable<Quote> Get()
        {
            return new List<Quote> {
                new Quote { Id=1, Author="James John",       Comment="This guy is good to work with."},
                new Quote { Id=2, Author="Larry Page",       Comment="This is one of the best guys in the IT world"},
                new Quote { Id=3, Author="Goodwill Adebayo", Comment="It is always good to work with God." }
            };
        }

你少了几块。在使用之前，您需要先创建myquoteApp模块

Plunker的工作示例-

你正确地注入模块了吗？看起来你错过了一些模块。请你能告诉我缺少的链接吗？谢谢。kehinde，您的发言时间足够长，因此您应该知道，不要在问题标题中强行添加标签：。也不要使用asp.net-mvc6，因为没有mvc6。它被称为ASP.NET核心MVCThanks。我感谢你的支持。我有服务器端模式和控制器，我想从中提取，我如何实现这一点？语言无法很好地表达我多么感谢你的支持。工作得很好！

(function () {
    'use strict';

    angular
      .module('myQuotesApp', ['ngResource']) // <----
      .controller('QuotesController', QuotesController);

    QuotesController.$inject = ['$scope', 'QuotesService']; 

    function QuotesController($scope, QuotesService) {
        $scope.quotes = QuotesService.query();
    }

    angular
      .module('myQuotesApp')
      .factory('QuotesService', ['$resource', function ($resource) {
        var query = function() {
          return [{Content: "One", Author: "John"}, 
            {Content: "Two", Author: "Eric"}]
        }
        return {
          query: query 
        }
    }]);
})();

(function () {
    'use strict';

    angular
        .module('myQuotesApp', ['ngResource'])
        .controller('QuotesController', QuotesController);

    QuotesController.$inject = ['$scope', 'QuotesService'];

    function QuotesController($scope, QuotesService) {
        $scope.quotes = QuotesService.query();
        console.log($scope.quotes);
    }

    angular
        .module('myQuotesApp')
        .factory('QuotesService', ['$resource', function ($resource) {
            return $resource('/api/quotes/', {}, {
                query: { method: 'GET', params: {}, isArray: true }
            });
        }]);
})();