{"id":1797,"date":"2022-08-30T15:19:31","date_gmt":"2022-08-30T15:19:31","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2013\/12\/02\/show-action-with-angular-and-rails-collection-of-common-programming-errors\/"},"modified":"2022-08-30T15:19:31","modified_gmt":"2022-08-30T15:19:31","slug":"show-action-with-angular-and-rails-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2022\/08\/30\/show-action-with-angular-and-rails-collection-of-common-programming-errors\/","title":{"rendered":"'Show' action with Angular and Rails-Collection of common programming errors"},"content":{"rendered":"

I’m trying to list the contents of a post using Angular with Rails, but totally stuck.<\/p>\n

My controller:<\/p>\n

var myApp = angular.module('myApp', ['ngResource']);\n\nmyApp.controller('categoryController', ['$scope', 'Post',function($scope, Post) {\n    $scope.heading = \"Hello from angular\";\n    $scope.post = Post.query(); \n}])\n\nmyApp.factory('Post', ['$resource', function($resource) {\n    return $resource('\/posts\/:id', { id: \"@id\" } );\n}])\n<\/code><\/pre>\n
Rails posts controller:<\/p>\n
 def show\n    @post = Post.find(params[:id])\n\n    respond_to do |format|\n      format.html\n      format.json { render json: @post }\n    end\n  end\n<\/code><\/pre>\n
‘Hello from angular’ is showing up fine, however the rest gives me an error:<\/p>\n
GET http:\/\/localhost:3000\/posts\/show 500 (Internal Server Error) \n<\/code><\/pre>\n
Can’t figure out the correct way to route this bad boy. Thank you for any helpful input<\/p>\n
Edit: routes.rb<\/p>\n
  resources :users\n\n  resources :hubs, shallow: true do\n    resources :posts, shallow: true\n    resources :comments, shallow: true do\n      collection {post :sort}\n    end\n  end\n<\/code><\/pre>\n
    \n
  1. \n
    The error you are showing is a 500, not a 404. I don’t think this is a routing issue as much as it looks to be that something in your code is raising an unhandled exception.<\/p>\n
    I’m also a little confused because calling Post.query() should be making a query that routes to your index method, not your show method.<\/p>\n
    If you are trying to route to a show method you might want to do Post.get({id: someID}), otherwise what does your index method look like?<\/p>\n<\/li>\n<\/ol>\n
    Originally posted 2013-12-02 01:34:33. <\/small><\/p>","protected":false},"excerpt":{"rendered":"
    I’m trying to list the contents of a post using Angular with Rails, but totally stuck. My controller: var myApp = angular.module(‘myApp’, [‘ngResource’]); myApp.controller(‘categoryController’, [‘$scope’, ‘Post’,function($scope, Post) { $scope.heading = “Hello from angular”; $scope.post = Post.query(); }]) myApp.factory(‘Post’, [‘$resource’, function($resource) { return $resource(‘\/posts\/:id’, { id: “@id” } ); }]) Rails posts controller: def show @post […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1797","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/1797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=1797"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/1797\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=1797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=1797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=1797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}