Question

我是Angularjs的新手。我正在尝试通过遵循一些教程来创建一个简单的页面来连接angularjs和后端laravel数据库。

我不断收到错误：

错误：$ injector：unpr未知提供程序。

我不知道代码中出了什么问题。我希望有人能帮助我解决问题。预先感谢

Index.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);
          }
    });

Answer 1

请更改以下代码块。

var app = angular.module('App',['commentService']);
app.controller('Controller',function($scope,comment){
      $scope.commentData={};
       $scope.submitComment=function(){
        comment.save($scope.commentData);
      }
});

由于您的代码中没有名称为Comment的工厂。另一种解决方案是写一个名称为Comment的工厂。

如何解决错误：在连接laravel数据库时，angularjs中的未知提供程序$ injector：unpr

1 个答案: