title: my app not displaying text
body: <p>My app is simple: a user inputs text and the text is saved in the db and displayed. The problem is it displays blank. See in the picture for each dot there should be a text.</p>
  
  <p><a href="https://i.stack.imgur.com/gS2J7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gS2J7.png" alt="dots instead of text"></a> </p>
  
  <p><strong>main angular controller:</strong> </p>
  
  <pre><code>myApp.controller('meetupsController', ['$scope', '$resource', function ($scope, $resource) {
    var Meetup = $resource('/api/meetups');
  
    Meetup.query(function (results) {
      $scope.meetups = results;
    });
  
    $scope.meetups = []
  
    $scope.createMeetup = function () {
      var meetup = new Meetup();
      meetup.name = $scope.meetupName;
      meetup.$save(function (result) {
        $scope.meetups.push(result);
        $scope.meetupName = '';
      });
    }
  }]);
  </code></pre>
  
  <p><strong>html partial:</strong></p>
  
  <pre><code>&lt;!--main.html--&gt;
  &lt;body&gt;
    &lt;div id='main' ng-controller="loginController"&gt;
        &lt;form ng-Submit="post()"&gt;
           &lt;input required type="text" placeholder="Your name" ng-model="newPost.created_by" /&gt; 
           &lt;textarea required maxlength="200" rows="3" placeholder="Say something" ng-model="newPost.text"&gt;&lt;/textarea&gt;
           &lt;input class="button" type="submit" value="Chirp!" /&gt;
        &lt;/form&gt;
        &lt;div id="post-stream"&gt;
           &lt;h4&gt;Chirp Feed&lt;/h4&gt;
           &lt;div class='post' ng-repeat="post in posts | orderBy:'created_at':true" ng-class-odd="'odd'" ng-class-even="'even'"&gt;
               &lt;p&gt;{{post.created_by}} says {{post.text}} at {{post.created_at}}&lt;/p&gt;
           &lt;/div&gt;
           &lt;div ng-controller="logoutController"&gt;
             &lt;a ng-click='logout()' class="btn btn-default"&gt;Logout&lt;/a&gt;
           &lt;/div&gt;
            &lt;div ng-controller="logoutController"&gt;
             &lt;a ng-click='gotoregister()' class="btn btn-default"&gt;register&lt;/a&gt;
           &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div ng-controller="meetupsController"&gt;
       &lt;h1&gt;There are {{meetups.length}} meetups&lt;/h1&gt;
       &lt;ul&gt;
       &lt;li ng-repeat="meetup in meetups"&gt;
         {{meetup.name}}
       &lt;/li&gt;
       &lt;/ul&gt;
      &lt;form ng-submit="createMeetup()"&gt;
         &lt;input type="text" placeholder="Meetup name" ng-model="meetupName"&gt;&lt;/input&gt;
         &lt;button type="submit"&gt;Add&lt;/button&gt;
      &lt;/form&gt; 
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>API code:</strong></p>
  
  <pre><code>var Meetup = require('./models/meetup');
  
  module.exports.create = function (req, res) {
    var meetup = new Meetup(req.body);
    meetup.save(function (err, result) {
      res.json(result);
    });
  }
  
  module.exports.list = function (req, res) {
    Meetup.find({}, function (err, results) {
      res.json(results);
  
    });
  }
  </code></pre>