Question

第一次使用angularJs和我跟随AngularJS reddit克隆教程，我不知道我哪里出错了。当我单击提交按钮时没有任何反应。 https://github.com/Eibonic/AngularJS-reddit/tree/master/app

这是nav.js控制器

    'use strict';

app.controller('NavCtrl', function ($scope, $location, Post, Auth) 
{
$scope.post = {url: 'http://', title: ''};

$scope.submitPost = function () 
{
    Post.create($scope.post).then(function (ref) 
    {
        $scope.post = {url: 'http://', title: ''};
        $location.path('/posts/' + ref.name());
        });
        };

});

这是nav.html视图文件。

   <nav class="navbar navbar-default" role="navigation">
   <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  <span class="sr-only">Toggle navigation</span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
   </button>
    <a class="navbar-brand" href="#">ang-news</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div ng-controller="NavCtrl" class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <form class="navbar-form navbar-left" role="search" ng-submit="submitPost()">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Title" ng-model="post.title">
  </div>
  <div class="form-group">
  <input type="text" class="form-control" placeholder="Link"      ng-model="post.url">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>
 </div><!-- /.navbar-collapse -->
</nav>

Answer 1

我看了一下你链接的github项目，有两个问题;我通过运行项目并在Chrome中打开调试控制台找到了它们。

Unknown provider: AuthProvider <- Auth <- NavCtrl在英语中，这意味着您试图将Auth提供程序（不存在）作为NavCtrl中的依赖项注入。这是在nav.js的第3行。您实际上还没有使用Auth服务，因此只需从函数声明中删除它即可修复它。它应该是这样的：

app.controller('NavCtrl', function ($scope, $location, Post)

一旦你在创建Auth提供程序的教程中达到了这一点，你就可以在这里注入它。

第二个错误是GET http://localhost:9000/scrips/controllers/postview.js 404

这意味着HTML尝试加载postview.js脚本，但找不到它。原来在加载脚本时，第89行的index.html中有一个拼写错误。它应该是http://localhost:9000/scripts/controllers/postview.js（在'脚本'中缺少't'）

在进行了这两项修改后，它现在似乎工作正常。

我的Submitpost功能不起作用

1 个答案: