Directive syntax error on enter/return

Question

noob alert

This is weird - trying to create a custom directive in AngularJS, when I write this code:

myModule.directive('myTab', function(){
    console.log('--Inside TAB directive--');
    return 
    {
        template: '<div>Hello World</div>'
    };
});

It throws the exception: TypeError: Cannot read property 'compile' of undefined

However, this code runs fine:

myModule.directive('myTab', function(){
    console.log('--Inside TAB directive--');
    return {
        template: '<div>Hello World</div>'
    };
});

The only difference is the opening curly brace is on the next line in the first code. Is this behaviour normal?

Looks from the error that something else is causing the error. — Omri Aharon
– Omri Aharon, Commented Apr 22, 2015 at 16:00
@OmriAharon I am able to reproduce it consistently - if I move the curly brace after "return" to the next line it throws the error, else its fine. — kangaroo
– kangaroo, Commented Apr 22, 2015 at 16:02
Short answer is: auto-semicolons. Long answer is: don't put opening brace on the next line. — Sergio Tulentsev
– Sergio Tulentsev, Commented Apr 22, 2015 at 16:02
possible duplicate of What are the rules for Javascript's automatic semicolon insertion (ASI)? — user2033671
– user2033671, Commented Apr 22, 2015 at 16:04

Joe Fitter · Accepted Answer · 2015-04-22 16:00:42Z

1

because you are returning from the function and the next line is ignored. It will literally just see return, and return undefined

answered Apr 22, 2015 at 16:00

Joe Fitter

1,3097 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Directive syntax error on enter/return

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related