使用angularjs将数据添加到firebase中_Angularjs_Firebase_Angularfire

使用angularjs将数据添加到firebase中

angularjs firebase

使用angularjs将数据添加到firebase中,angularjs,firebase,angularfire,Angularjs,Firebase,Angularfire,我试图使用angularjs将数据添加到firebase DB中，但当单击add按钮时，什么都没有发生，函数也没有调用，控制台中也没有出现错误。我的代码中的问题在哪里 addPost.html <body ng-controller="AddPostCtrl"> <div class="blog-masthead"> <div class="container"> <nav class="blog-nav">

我试图使用angularjs将数据添加到firebase DB中，但当单击add按钮时，什么都没有发生，函数也没有调用，控制台中也没有出现错误。我的代码中的问题在哪里

addPost.html

<body ng-controller="AddPostCtrl">

<div class="blog-masthead">
    <div class="container">
        <nav class="blog-nav">
            <a class="blog-nav-item " href="#">Home</a>
            <a class="blog-nav-item active" href="addPost.html">Add Post</a>

        </nav>
    </div> </div>

<div class="container">


    <form class="form-horizontal" ng-submit="AddPost()">
        <fieldset>

            <!-- Form Name -->
            <legend>Create Post</legend>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label" for="txtTitle">Post</label>
                <div class="col-md-4">
                    <input id="txtTitle" name="txtTitle" ng-model="article.title" type="text" placeholder="Post name" class="form-control input-md">

                </div>
            </div>

            <!-- Textarea -->
            <div class="form-group">
                <label class="col-md-4 control-label" for="txtPost">Description</label>
                <div class="col-md-4">
                    <!--<textarea class="form-control" id="txtPost" name="txtPost"></textarea>-->
                    <textarea class="form-control" id="txtPost" ng-model="article.post" name="txtPost" ></textarea>
                </div>
            </div>

            <!-- Button -->
            <div class="form-group">
                <label class="col-md-4 control-label" for="singlebutton"></label>
                <div class="col-md-4">
                    <!--<input id="singlebutton" name="singlebutton" class="btn btn-primary" type="submit" value="Add" />-->
                    <input id="singlebutton" ng-disabled="!article.title || !article.post" name="singlebutton" class="btn btn-primary" type="submit" value="Add" />

                </div>
            </div>

        </fieldset>
    </form>


</div> 

</body>

index.html中的脚本

 <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="app.js"></script>
  <script src="addPost/addPost.js"></script>
  <script src="https://cdn.firebase.com/js/client/2.0.4/firebase.js"></script>
  <script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>
  <script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>

您的问题是异步加载。。。您在script.js之后加载了firebase。。。。您可以这样加载它：

      <script src="bower_components/angular/angular.js"></script>
      <script src="bower_components/angular-route/angular-route.js"></script>
      <script src="https://cdn.firebase.com/js/client/2.0.4/firebase.js"></script>
      <script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
      <script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>
      <script src="app.js"></script>
      <script src="addPost/addPost.js"></script>

所以现在它实际上知道AngularFire和Firebase提供的方法和变量。。。您导入的所有内容基本上都是Js文件。。首先是Angularfire，然后是Firebase，然后是Angularfire（需要在Firebase和Angularfire之后导入，以便从中接收变量和方法），最后是使用所有可用库的脚本。。希望这有意义。

Ok@merna您在控制台上看到了什么？有404错误吗？如果不是，您会遇到什么错误？如果您在控制台中没有看到错误，那么问题是什么？没有，我应该看到“This was called”。如果调用函数，我想这意味着表单或我的Html中有问题，但我找不到@DsafdsOk@merna你能调试你的代码吗。。或者我会很快解决它，如果你只是在plunker中演示你的问题，然后你给我url，这样我就可以编辑：你能给我你的登录凭据，这样我就可以登录并查看问题了。。由于某些原因，我无法注册：mernadev@gmail.com09876543@dsafds这是个老项目吗？为什么要使用这么旧版本的firebase库？

      <script src="bower_components/angular/angular.js"></script>
      <script src="bower_components/angular-route/angular-route.js"></script>
      <script src="https://cdn.firebase.com/js/client/2.0.4/firebase.js"></script>
      <script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
      <script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>
      <script src="app.js"></script>
      <script src="addPost/addPost.js"></script>