Angular/Rails get last saved data from table

I am new to AngularJS and I am trying to incorporate Angular into my already built Rails app. In my rails app have a the ability to post to a feed. I have Angular working so it retrieves the feed and also posts the latest record to the feed.

My issue is that it only post the contents of the form. I am looking to retrieve the user id as well so I can render out the user's name, profile pic, etc. This information shows up when I refresh the page but does not show right after the post happens, only the contents of the post shows.

microposts.js.coffee

app = angular.module('micropostApp', ['ui.router', 'ngResource'])

app.factory 'Micropost', ["$resource", ($resource) ->
  return $resource('/')
]
app.factory 'createMicropost', ["$resource", ($resource) ->
  return $resource('/microposts')
]

app.factory 'Comments', ["$resource", ($resource) ->
  return $resource('/microposts/:id/comments', id: '@id')
]

app.controller 'MicropostsController', [
  '$scope'
  'Micropost'
  'createMicropost'
  'Comments'
  ($scope, Micropost, createMicropost, Comments) ->    
    Micropost.query (data) ->
      $scope.microposts = data      

    $scope.addPost = ->
      if !$scope.newPost or $scope.newPost == ''
        return
      post = createMicropost.save($scope.newPost)
      console.log("POST: " + angular.toJson(post))
      $scope.microposts.unshift(post)
      $scope.newPost = {}
]

microposts controller

  respond_to :json

  def create
    @micropost = current_user.microposts.create!(micropost_params)    
    respond_with @micropost
  end

view

<div ng-app="micropostApp" ng-controller="MicropostsController">
    <div class="row"> 
        <div class="col-md-12">        
            <form ng-submit="addPost()" style="margin-top:30px;">
                <div class="form-group">
                    <input type="textarea"
                    class="form-control"
                    placeholder="Post an update..."
                    ng-model="newPost.content"></input>
                </div>
                <button type="submit" class="btn btn-primary pull-right">Post</button>
            </form>
        </div>
    </div>
<div ng-repeat="post in microposts">
    <div class="row">
        <div class="panel panel-default">
            <div class="panel-body">
                <li id="{{post.id}}">
                    <div class="row">
                        <div class="col-md-12">
                            <aside>
                                <a href="/{{post.user.slug}}">{{post.user.name}}</a>
                            </aside>
                            <aside>
                                <li id="feed-fat-menu" class="dropdown pull-right feed-dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <b class="glyphicon glyphicon-chevron-down"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                    <li>Delete</li>
                                    </ul>
                                </li>
                                <span class="user"> <a href="/{{post.user.slug}}">{{post.user.name}}</a> </span>
                                <span class="content">{{post.content}}</span>
                                <hr>
                                <span class="timestamp pull-right"> Posted {{post.created_at}} ago. </span>
                                <span class="pull-left" style="padding-right: 5px;"><a>Comment </a>({{post.comments.length}})</span>
                                <span class="pull-left" style="padding-right: 5px;">
                                    <a>Likes</a> ({{post.likes.length}})
                                </span>
                                <br />
                            </aside>
                        </div>
                    </div>
                </li>
            </div>
        </div>
    </div>
</div>