Setting dynamic scope variables in AngularJs - scope some string

Question

I have a string I have gotten from a routeParam or a directive attribute or whatever  and I want to create a variable on the scope based on this  So     scope  lt the string gt     something     However  if the string contains one or more dots I want to split it and actually  drill down  into the scope  So  foo bar  should become  scope foo bar  This means that the simple version won t work      This will not work as assigning variables like this will not  drill down     It will assign to a variables named the exact string  dots and all  var the string    life meaning    scope the string    42  console log  scope life meaning        lt -- Nope  This is undefined  console log  scope  life meaning          lt -- It is in here instead    When reading a variable based on a string you can get this behavior by doing  scope  eval the string   but how to do it when assigning a value

User · Accepted Answer

The solution I have found is to use  parse       Converts Angular expression into a function     If anyone has a better one please add a new answer to the question   Here is the example   var the string    life meaning       Get the model var model    parse the string       Assigns a value to it model assign  scope  42       Apply it to the scope     scope  apply     lt - According to comments  this is no longer needed  console log  scope life meaning       logs 42

User · Answer

Using Erik s answer  as a starting point  I found a simpler solution that worked for me   In my ng-click function I have     var the string    lifeMeaning   if   scope the string      undefined         Valid in my application for first usage     scope the string    true    else       scope the string      scope the string        scope  apply   I ve tested it with and without  scope  apply  Works correctly without it

User · Answer

Create Dynamic angular variables from results  angular forEach results  function  value  key                if  key    null                                parse key  assign  scope  value                                                          ps  don t forget to pass in the  parse attribute into your controller s function

User · Answer

Please keep in mind  this is just a JavaScript thing and has nothing to do with Angular JS  So don t be confused about the magical     sign     The main problem is that this is an hierarchical structure    console log  scope life meaning        lt -- Nope  This is undefined    gt  a b c   This is undefined because   scope life  is not existing but the term above want to solve  meaning    A solution should be  var the string    lifeMeaning    scope the string    42  console log  scope lifeMeaning   console log  scope  lifeMeaning       or with a little more efford   var the string level one    life   var the string level two   the string level one     meaning    scope the string level two     42  console log  scope life meaning   console log  scope  the string level two        Since you can access a structural objecte with  var a       a b    ab   console log a b     a  b       There are several good tutorials about this which guide you well through the fun with JavaScript   There is something about the   scope  apply    do   somthing   bla   bla   Go and search the web for  angular  apply  and you will find information about the  apply function  And you should use is wisely more this way  if you are not alreay with a  apply phase     scope  apply function         do   somthing   bla   bla

User · Answer

Just to add into alread given answers  the following worked for me   HTML    lt div id  div   index 1    data-ng-show  val   index    gt    Where  index is the loop index   Javascript  where value is the passed parameter to the function and it will be the value of  index  current loop index    var variable    val  value  if   scope variable      undefined         scope variable    true   else        scope variable      scope variable

User · Answer

If you are using Lodash library below is the way to set a dynamic variable in the angular scope      To set the value in the angular scope      set  scope  the string   life meaning        To get the value from the angular scope      get  scope   life meaning

User · Answer

If you were trying to do what I imagine you were trying to do  then you only have to treat scope like a regular JS object   This is what I use for an API success response for JSON data array     function data         scope subjects              each data  function i subject             Store array of data types          scope subjects push subject name              Split data in to arrays          scope subject name    subject data              Now   subjects   will return an array of data subject names  and in my example there would be a scope attribute for   jobs      customers      staff    etc  from  scope jobs   scope customers   scope staff

User · Answer

If you are ok with using Lodash  you can do the thing you wanted in one line using   set          set object  path  value  Sets the property value of path on object  If a portion of path does not exist it   s created    https   lodash com docs set  So your example would simply be    set  scope  the string  something

[angularjs] Setting dynamic scope variables in AngularJs - scope.<some_string>

Examples related to angularjs

Examples related to scope