Как решить $injector:unpr при публикации данных в angular js и laravel

Я новичок в угловом js. Я пытаюсь создать простую страницу для подключения angular js и базы данных laravel. Я продолжаю получать сообщение об ошибке как Ошибка: $injector:unpr Неизвестный провайдер. Я не знаю, что было не так в коде. Я надеюсь, что кто-нибудь поможет мне решить проблему. заранее спасибо

Индекс.php

<!DOCTYPE html>
<html>
<head>
    <title>Trial</title>
    <link rel = "stylesheet" href = "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link rel = "stylesheet" href = "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
    <script type = "text/javascript" src = "//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src = "//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</head>
<body ng-app = "App">
    <div class = "container" >
        <div ng-controller = "Controller">
            <form name = "form" ng-submit = "submitComment()">
                <div class = "form-group">
                    <label for = "">Author</label>
                    <input type = "text" class = "form-control input-sa" name = "author" ng-model = "commentData.author">
                </div>
                <div class = "form-group">
                    <label for = "">Comment</label>
                    <input type = "text" class = "form-control input-sa" name = "comment" ng-model = "commentData.comment">
                </div>
             <button class = "btn btn-sm btn-danger">Submit</button>
            </form>
        </div>
    </div>
<script>
    angular.module('commentService',[])
    .factory('comment',function($http){
        return{
            save:function(commentData){
              return $http({
                method:"POST",
                url:'/api/comments',
                data:commentData
              })
            }
        }
    });
    var app = angular.module('App',['commentService']);
    app.controller('Controller',function($scope,Comment){
          $scope.commentData = {};
           $scope.submitComment=function(){
            Comment.save($scope.commentData);
          }
    });

angularjs json laravel api

07.02.2019 05:44

Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?

Директивы позволяют расширять HTML новыми элементами и атрибутами и даже создавать собственные структурные директивы для манипулирования DOM. С...

Разница между Angular и React

React и AngularJS - это два самых популярных фреймворка для веб-разработки. Оба фреймворка имеют свои уникальные особенности и преимущества, которые...

Ответы 1

Используется неправильное название фабрики, комментарий вместо комментария

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body ng-app = "App">
    <div class = "container" >
        <div ng-controller = "Controller">
            <form name = "form" ng-submit = "submitComment()">
                <div class = "form-group">
                    <label for = "">Author</label>
                    <input type = "text" class = "form-control input-sa" name = "author" ng-model = "commentData.author">
                </div>
                <div class = "form-group">
                    <label for = "">Comment</label>
                    <input type = "text" class = "form-control input-sa" name = "comment" ng-model = "commentData.comment">
                </div>
             <button class = "btn btn-sm btn-danger">Submit</button>
            </form>
        </div>
    </div>   
</body>
<script>
    angular.module('commentService',[])
    .factory('comment',function($http){
        return{
            save:function(commentData){
              return $http({
                method:"POST",
                url:'/api/comments',
                data:commentData
              })
            }
        }
    });
    var app = angular.module('App',['commentService']);
    app.controller('Controller',function($scope,comment){
          $scope.commentData = {};
           $scope.submitComment=function(){
            Comment.save($scope.commentData);
          }
    });
 </script>
</html>

Заменить Comment.save($scope.commentData); to comment.save($scope.commentData);

— 07.02.2019 12:03

07.02.2019 07:24