JSFiddle - React, Tailwind, and code Playground

by chrisguzman

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.7.1/angularfire.min.js"></script>
<div ng-app="MyApp" ng-controller="MyCtrl">
    <div ng-repeat="(id,item) in data">
         

        <input ng-model="item.comment"></input>
        <button type="submit" ng-click="AddComment(id,item.comment)">Comment</button>
        
        <h2>{{item.title}}</h2>
    </div>
</div>

JavaScript

angular.module('MyApp', ['firebase'])
    .controller('MyCtrl',

function MyCtrl($scope, $firebase) {
    var ref = new Firebase("https://helloworldtest.firebaseio.com");
   


    $scope.AddComment = function (id,item) {
        var ref = new Firebase("https://helloworldtest.firebaseio.com/" + id +"/comments");
        $scope.comments = $firebase(ref);
        $scope.comments.$add({comment:item});

    }
    
     $scope.data = $firebase(ref);

});