【问题标题】:How to solve Error: $injector:unpr Unknown Provider in angularjs while connect laravel database如何解决错误:连接laravel数据库时angularjs中的$injector:unpr Unknown Provider
【发布时间】:2019-07-01 05:11:33
【问题描述】:

我是 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);
          }
    });

【问题讨论】:

    标签: angularjs json ajax laravel


    【解决方案1】:

    请更改以下代码块。

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

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

    【讨论】:

      猜你喜欢
      • 2016-11-12
      • 1970-01-01
      • 2015-07-14
      • 1970-01-01
      • 2015-08-26
      • 2015-01-07
      • 1970-01-01
      • 2016-11-26
      • 1970-01-01
      相关资源
      最近更新 更多