title: Firebase and Ionic read single value for attendance count
body: <p>Here is a plunker for my <a href="http://plnkr.co/edit/pNG8qQGDYtPg55wyXgzK?p=preview" rel="nofollow">app</a>. </p>
  
  <p>I am working on a mobile app using Ionic. In the app I have a section which tells users that there are X people attending this function. It then asks if they would like to attend, if so it adds them as people attending. I am planning on using Firebase to do this as it will keep track of the people attending. </p>
  
  <p>However in trying to make this work I have run into issues at every turn. For now I was mainly working on getting it to just display a count of the people coming. The code I have for that is this: </p>
  
  <pre><code>&lt;div class="list card"&gt;
    &lt;div class="item item-calm item-divider"&gt;Deliver Meals on Saturday&lt;/div&gt;
    &lt;div class="item item-body" ng-repeat="item in items |filter:'1'"&gt;
    &lt;p&gt;Hey, there are {{item.name}} people attending.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>This is the code for the controller for that page. </p>
  
  <pre><code>.controller('HelpCtrl', function($scope, Items) {
  $scope.items = Items;
  });
  </code></pre>
  
  <p>This is the factory I was using to create my items list. </p>
  
  <pre><code>.factory("Items", function($firebaseArray) {
  var itemsRef = new Firebase("https://example.com/items");
  return $firebaseArray(itemsRef);
  })
  </code></pre>
  
  <p>All that shows in the final product is a card with the title "Deliver Meals on Saturday" and it acts like the controller has disappeared.</p>
  
  <p>All I really need is for there to be a card in my app which uses my firebase account to say, "There are x people attending." if the hit submit it then prints to everyone else, "There are (x + 1) people attending." If there is another way feel free to point it out. </p>
  
  <p>Thanks for your help!</p>