AngularJS - $parse.assign returns not a function error for the string which contain '-'

Question

I created an angularjs variable parsing example and it works perfectly in my environment. Below highlighting the code of my implementation

var model = $parse("ABC_DEF");
model.assign($scope, chart); //Works successfully

But here i just changed the variable name to "ABC-DEF". Then i implement the variable to the same code of above, but here it shows the exception like assign is not a function in $parse. Below showing the error throwing line of codes

var model = $parse("ABC-DEF");
model.assign($scope, chart); //Not Working- shows assign not a function

What is the reason of this issue?

Community · Accepted Answer · 2017-05-23 12:30:17Z

2

ABC-DEF is not a valid variable name in Javascript as the dash is interpreted as the substract operator (related question).

So if you look at the expression guide - angular docs:

Angular expressions are JavaScript-like code snippets that are usually placed in bindings such as {{ expression }}.

Angular is interpreting this expression "ABC-DEF" as a binary function (source), not an assignable expression.

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Nov 18, 2014 at 9:02

glepretre

8,1675 gold badges47 silver badges58 bronze badges

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

Comments

bluestella · Accepted Answer · 2015-12-07 12:31:49Z

0

You may use double quote on that..

example:

$parse("sample['ABC-DEF']").assign($scope, sample);

answered Dec 7, 2015 at 12:31

bluestella

4832 gold badges7 silver badges17 bronze badges

Collectives™ on Stack Overflow

AngularJS - $parse.assign returns not a function error for the string which contain '-'

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