{"id":1134,"date":"2015-08-05T04:22:02","date_gmt":"2015-08-05T04:22:02","guid":{"rendered":"http:\/\/www.honobono-life.info\/wpeng\/?p=1134"},"modified":"2015-08-05T04:22:37","modified_gmt":"2015-08-05T04:22:37","slug":"showing-microposts-with-angularjs","status":"publish","type":"post","link":"http:\/\/www.honobono-life.info\/wpeng\/showing-microposts-with-angularjs\/","title":{"rendered":"Ruby on Rails Tutorial showing microposts with AngularJS"},"content":{"rendered":"<p><strong>1)Rails controller<\/strong><\/p>\r\n\r\n<p>$ vi app\/controllers\/users_controller.rb<\/p>\r\n\r\n<pre class=\"prettyprint\">\r\n  def show\r\n    user = User.find(params[:id])\r\n    gravatar_id = Digest::MD5::hexdigest(user.email.downcase)\r\n    microposts = user.microposts\r\n    @user_info = {\r\n      user: user,\r\n      gravatar_url: &quot;https:\/\/secure.gravatar.com\/avatar\/#{gravatar_id}&quot;,\r\n      microposts: microposts\r\n    }\r\n    render json: @user_info\r\n  end<\/pre>\r\n\r\n<p><strong>2)AngularJS template view<\/strong><\/p>\r\n\r\n<p>$ vi app\/assets\/templates\/users\/show.html.erb<\/p>\r\n\r\n<div ng-non-bindable><pre class=\"prettyprint\">\r\n&lt;div ng-controller=&quot;UsersShowCtrl&quot;&gt;\r\n  &lt;div class=&quot;row&quot;&gt;\r\n.......\r\n    &lt;div class=&quot;col-xs-6 col-sm-8&quot;&gt;\r\n      &lt;h3&gt;Microposts({{user_info.microposts.length}})&lt;\/h3&gt;\r\n      &lt;ol class=&quot;microposts&quot;&gt;\r\n        &lt;li ng-repeat=&quot;mp in user_info.microposts&quot;&gt;\r\n          &lt;div&gt;{{mp.content}}&lt;\/div&gt;\r\n          &lt;small class=&quot;text-muted&quot;&gt;Posted {{mp.created_at | date:&#39;medium&#39;}}&lt;\/small&gt;\r\n        &lt;\/li&gt;\r\n      &lt;\/ol&gt;\r\n    &lt;\/div&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre><\/div>\r\n\r\n<p><strong>3)css<\/strong><\/p>\r\n\r\n<p>$ vi app\/assets\/stylesheets\/custom.css.scss<\/p>\r\n\r\n<pre class=\"prettyprint\">\r\n\/* microposts *\/\r\n\r\n.microposts {\r\n  list-style: none;\r\n  margin: 10px 0 0 0;\r\n\r\n  li {\r\n    padding: 10px 0;\r\n    border-top: 1px solid #e8e8e8;\r\n  }\r\n}\r\n<\/pre>","protected":false},"excerpt":{"rendered":"<p>1)Rails controller $ vi app\/controllers\/users_controller.rb def show user = User.find(params[:id]) gravatar_id = Digest::MD5::hexdigest(user.email.downcase) microposts = user.microposts @user_info = { user: user, gravatar_url: &quot;https:\/\/secure.gravatar.com\/avatar\/#{gravatar_id}&quot;, microposts: microposts } render json: @user_info end 2)AngularJS template view $ vi app\/assets\/templates\/users\/show.html.erb &lt;div ng-controller=&quot;UsersShowCtrl&quot;&gt; &lt;div class=&quot;row&quot;&gt; &#8230;&#8230;. &lt;div class=&quot;col-xs-6 col-sm-8&quot;&gt; &lt;h3&gt;Microposts({{user_info.microposts.length}})&lt;\/h3&gt; &lt;ol class=&quot;microposts&quot;&gt; &lt;li ng-repeat=&quot;mp in user_info.microposts&quot;&gt; &lt;div&gt;{{mp.content}}&lt;\/div&gt; &lt;small class=&quot;text-muted&quot;&gt;Posted {{mp.created_at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[137],"tags":[35,178,145],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1134"}],"collection":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/comments?post=1134"}],"version-history":[{"count":1,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1134\/revisions"}],"predecessor-version":[{"id":1135,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1134\/revisions\/1135"}],"wp:attachment":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/media?parent=1134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/categories?post=1134"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/tags?post=1134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}