Angularjs Directive not working "Unexpected token"

Question

So am using 1.20 rc2 and trying to implement a directive:

var directives = angular.module('directives', ['controllers']);

directives.directive("drink", function()
{
return 
{
    template: '<div>{{flavor}}</div>',
    link: function(scope){
        scope.flavor = "cherry";
    }
}
});

the directive gets called in the main JS file

 var comsumerApp = angular.module('comsumerApp', ['ngRoute','controllers', 'services', 'directives']);

All the controllers work as do the services but when trying to do this I get this error:

"Uncaught SyntaxError: Unexpected token : "

then I get the

$injector:modulerr error.

Commenting out the "drink" directive stops this error so obviously it's something to do with the : or something.

Can anyone shine a light on this problem I'm totally lost.

Thanks.

Maxime Lorant · Accepted Answer · 2014-07-23 15:23:40Z

12

Try removing the linebreak before the opening bracket:

return 
{
    template: '<div>{{flavor}}</div>',
    link: function(scope){
        scope.flavor = "cherry";
    }
}

to this:

return {
    template: '<div>{{flavor}}</div>',
    link: function(scope){
        scope.flavor = "cherry";
    }
}

It might be due to automatic semicolon insertion, so your browser inserts an ; after the return, because it thinks you just missed it..

edited Jul 23, 2014 at 15:23

Maxime Lorant

36.4k19 gold badges91 silver badges97 bronze badges

answered Sep 14, 2013 at 9:37

Dennis

14.5k3 gold badges37 silver badges56 bronze badges

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

2 Comments

Warren Seymour Over a year ago

This answer is correct, see en.wikipedia.org/wiki/… I prefer to use 1TBS when working in Javascript, even if only to avoid this issue.

nullVoid Over a year ago

Thanks that solved it, coming from c/c++ etc etc I was unaware whitespace affected it!

Collectives™ on Stack Overflow

Angularjs Directive not working "Unexpected token"

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related