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>
<section ng-app="myapp" ng-controller="MyController">
    <div ng-repeat="(id,item) in data">
        <input ng-model="item.comment" ng-change="AddComment(id)"></input>
        <input ng-model="item.name" ng-change="AddComment(id)"></input>
    </div>
</section>

JavaScript

angular.module("myapp", ["firebase"])
    .controller('MyController', function MyController($scope, $firebase) {
    var ref = new Firebase("https://helloworldtest.firebaseio.com");

    $scope.data = $firebase(ref);
        
    $scope.AddComment = function (id) {
        $scope.data.$save(id);
    }
});