How to pass variables from rails controller to AngularJs

Question

I have a rails controller for recipes. I have added some additional variable called @recID. I am able to access this variable successfully in index.json.jbuilder.

I can't figure out how to access it in my app.js (which is angular controller file).

My research has covered:

and many other google searches.

Here is a code snippet in from app.js:

$scope.search = function(keywords) {
  return $location.path("/").search('keywords', keywords);
};
// query = $resource('/', {query: "query"});
// query =  $resource('/recipes/:recipeId', {

query =  $resource('/', {
  query: "@recID",
  format: 'json'
});
console.log ("About to write to log query=" + query);
// alert ("query =<" + query + ">");
Recipe = $resource('/recipes/:recipeId', {
  recipeId: "@id",
  format: 'json'
});

tessie · Accepted Answer · 2016-09-05 05:17:01Z

2

try using gon.gon is a gemused to pass data to js.first you need to install gon.then in your controller you can specify

gon.variable_name = variable_value

in your js

gon.variable_name

https://github.com/gazay/gon https://gist.github.com/shicholas/5937417

answered Sep 5, 2016 at 5:17

tessie

1,0623 gold badges16 silver badges24 bronze badges

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

Comments

Sunil Antony · Accepted Answer · 2016-09-05 04:44:23Z

0

You can set some hidden_field in the HTML with controller variable value and fetch this value in app.js using DOM selector.

answered Sep 5, 2016 at 4:44

Sunil Antony

1862 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to pass variables from rails controller to AngularJs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related