使用angularjs在firebase中存储评论

Question

这是一个表格：

<span class="input-label">Name</span>
<input ng-model="name" type="text">
<span class="input-label">Comment</span>
<input ng-model="msg" type="text">
<button ng-click="addMessage()">Comment</button>

在触发点击事件时，我在控制器中调用 addMessage() 函数：

app.controller('CommentCtrl', ['$scope', '$firebase', function($scope, $firebase){
    var myRootRef = new Firebase("my://app/link");
    $scope.addMessage = function() {
        /*
         * How do I store the name and comment obtained
         * from the form in firebase.
         *
         * set, push does not work at all
        */
        $scope.modal.hide();
    }
}]);

Answer 1

你真的很接近，只是几件事。

我们需要通过传入 Firebase 引用来创建 AngularFire 绑定。由于我们使用的是ng-model，我们可以从$scope 获取属性。但是，为 name 和 comment 属性提供默认值可能是个好主意。

当我们调用addMessage 时，我们需要通过调用$child 前往子位置获取消息。然后我们可以通过调用$add添加一条新消息。

Plunker Demo

app.controller('CommentCtrl', ['$scope', '$firebase', function($scope, $firebase){
    var myRootRef = new Firebase("my://app/link");
    $scope.messages = $firebase(myRootRef); // AngularFire binding created here

    // default values
    $scope.name = '';
    $scope.msg= '';

    $scope.addMessage = function() {
        // go to the messages location and push the item by calling $add
        $scope.messages.$child('messages').$add({
          name: $scope.name,
          comment: $scope.msg
        });

        // clear out the values after adding them to Firebase
        $scope.msg= '';
        $scope.name = '';

        $scope.modal.hide();
    }
}]);