'Show' action with Angular and Rails

Question

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 = Post.find(params[:id])

    respond_to do |format|
      format.html
      format.json { render json: @post }
    end
  end

'Hello from angular' is showing up fine, however the rest gives me an error:

GET http://localhost:3000/posts/show 500 (Internal Server Error)

Can't figure out the correct way to route this bad boy. Thank you for any helpful input

Edit: routes.rb

  resources :users

  resources :hubs, shallow: true do
    resources :posts, shallow: true
    resources :comments, shallow: true do
      collection {post :sort}
    end
  end

Can you post the contents of routes.rb?

zeantsoi
– zeantsoi

2013-11-25 18:57:03 +00:00
Commented Nov 25, 2013 at 18:57 — zeantsoi
– zeantsoi, Commented Nov 25, 2013 at 18:57
@zeantsoi sure thing! updated

The Whiz of Oz
– The Whiz of Oz

2013-11-25 19:01:03 +00:00
Commented Nov 25, 2013 at 19:01 — The Whiz of Oz
– The Whiz of Oz, Commented Nov 25, 2013 at 19:01

mfollett · Accepted Answer · 2013-11-25 20:20:59Z

1

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.

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.

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?

answered Nov 25, 2013 at 20:20

mfollett

1,81416 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

The Whiz of Oz Over a year ago

well I don't have an index method. I was just experimenting with Angular, and was trying to show only separate show methods.

mfollett Over a year ago

@DenisG Did you try changing your Post.query() to a call to get() passing in some ID?

Jan Klimo · Accepted Answer · 2014-11-03 12:17:14Z

0

The query() method sends a GET request without passing the Post id. That's why your URL is incomplete and you get a 500 error.

Define your factory like it's done in this article and then call

$scope.post = Post.show(id);

answered Nov 3, 2014 at 12:17

Jan Klimo

4,9702 gold badges39 silver badges45 bronze badges

Collectives™ on Stack Overflow

'Show' action with Angular and Rails

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related