AngularFire 和 Ionic - 没有数据形式被传输到服务器

Question

我使用 Ionic 和 AngularFire 制作我的应用程序，但我有一个（新）问题：我的数据表格是空的！我们只能看到我的数据库 Firebase 中的字段。如何检索用户在 Firebase 数据库中输入的表单数据？

图中的问题：

http://img15.hostingpics.net/pics/238594event.png

这是我的 HTML :

<form ng-submit="submitEvent(event)">
  <label class="item item-input item-stacked-label">
    <span class="input-label"><i class="fa fa-pencil"></i> Nom de l'événement</span>
    <input type="text" ng-model="event.nameid">
  </label>
  <label class="item item-input item-stacked-label">
    <span class="input-label"><i class="icon ion-ios-information"></i> Description</span>
    <br><textarea ng-model="event.descriptionid"></textarea>
  </label>
  <label class="item item-input item-stacked-label">
    <span class="input-label"><i class="fa fa-location-arrow"></i> Adresse</span>
    <input type="text" ng-model="event.addressid">
  </label>

  <button class="button" type="submit" value="Add Event" id="success-btn-create"><i class="fa fa-arrow-right"></i></button></form>

这是我的控制器 JS :

myApp.controller('Step1Ctrl', ['$scope', 'Event', 'Auth', '$rootScope', '$state', '$firebaseArray', function($scope, Event, Auth, $rootScope, $state, $firebaseArray) {

  $scope.submitEvent = function(event) {

    var nameid = $scope.nameid;
    var eventRef = new Firebase("https://myApp.firebaseio.com/Events");
    eventRef.push($scope.event);
    $scope.event = {nameid: '', descriptionid: '', adressid: ''};

  }

  $scope.deleteEvent = function(index) {
    $scope.events.splice(index , 1);
  }


}])

这是我的服务 JS：

myApp.factory("Event", ["$firebaseArray", function($firebaseArray) {
var eventRef = new Firebase('https://myApp.firebaseio.com/Events/');
  return $firebaseArray(eventRef);
}]);

一个可选问题：如何恢复组织者的名字？他使用 Facebook 登录 ...

谢谢大家！

Answer 1

将此添加到您的控制器：

$scope.submitEvent = function(event) {

   Event.add(event).then(function (data){ 
      $scope.event = {nameid: null, descriptionid: null, adressid: null};
     });
  }

您还可以按如下方式重组您的服务：

myApp.factory("Event", ["$firebaseArray", function($firebaseArray) {
  var eventRef = new Firebase('https://myApp.firebaseio.com/Events/');
  return {
         get: function (){
                return $firebaseArray(eventRef);
              }
            ,
        add: function (event){
          var eventInfo = $firebaseArray(eventRef);
          return eventInfo.$add(event);
              }
       }
}]);

希望对您有所帮助！

AngularFire 和 Ionic - 没有数据形式被传输到服务器

AngularFire & Ionic - No data form is transmitted to server

javascript

angularjs

firebase

angularfire

ionic-framework