title: Using Angular.js, the web page does not show submitted data
body: <pre><code>var app=angular.module('chirpApp',[]);
  
  app.controller('mainController',function($scope){
      $scope.posts=[];
      $scope.newPost={created_by:'', text:'', created_at:''};
  
      $scope.post=function(){
          $scope.newPost.created_at = Date.now();
          $scope.posts.push($scope.newPost);
          $scope.newPost={created_by:'', text:'', created_at:''};
      }
  });
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Chirp&lt;/title&gt;
       &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="javascripts/chirpApp.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id='main' ng-controller="mainController"&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="300" 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;!-- to be polulated by angular--&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&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am following a MEAN stack tut and I cant shows the name and text that submitted by the form. I'm new to web development and don't know why it is not working</p>