使用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>

在觸發click事件時，我在控制器中調用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新消息。

柱塞演示

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();
    }
}]);