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="item in data">
        <!--This pulls only the values of the tree in the key value pairs within firebase. In the case where thre data structure tree has a branch and then the key-value pairs, the entire dictionary is pulled. It's a full dictionary with out the first branch essentially. The following pulls the query in. How do I then edit this query based on that-->
         <h5 ng-cloak>{{item.subject}}</h5>

         <h5 ng-cloak>{{item.query}}</h5>

    </div>
</section>

JavaScript

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