Hi all, I can't seem to get my Angular directive to work in this one. I think I've typed in everything as per the video.

It doesn't like the newline after the app initialization, see below. This should work!

angular.module('foobar', []).directive('customDirective', function() { console.log('This is a custom directive!'); })

Hi Maddie,

I can't see your code, but the solution to the last challenge section is:

angular.module('foobar', [])
.directive('customDirective', function() {
  console.log('This is a custom directive!');
});

Sounds like you may have had a semicolon improperly placed or something along those lines?
Best, Cena

In case it is helpful to anyone, I got the same error. It was nothing to do with whitespace. Rather, it was because I had ended the first line with a semi-colon:

//Gives error: "Uncaught SyntaxError: Unexpected token ."
angular.module("todoListApp");
.directive('helloWorld', function() {
  return {
    template : "This is the hello world directive."
  }
});

//Working code. No ; on first line!!
angular.module("todoListApp")
.directive('helloWorld', function() {
  return {
    template : "This is the hello world directive."
  }
});

Hi Bryan Woodard,

I'm not sure if this answers your question, but the semi-colon breaks it because of a couple of features of JavaScript:

1. As mentioned by Nathan above, JavaScript ignores whitespace/line breaks.
2. The semi-colon in JavaScript is used to separate statements.

Working through this example:

//We write the code with whitespace/line breaks to make it easier to read...
angular.module("todoListApp")
.directive('helloWorld', function() {
  return {
    template : "This is the hello world directive."
  }
});

//... but it is actually the same as this, with all whitespace removed. One long statement!:
angular.module("todoListApp").directive('helloWorld',function(){return{template:"This is the hello world directive."}});

// Putting an accidental semi-colon and the end of line one has the 
// unwanted effect of separating to two statements like this:
angular.module("todoListApp");
.directive('helloWorld',function(){return{template:"This is the hello world directive."}});

//which means the .directive function is not being invoked on any object. 

Chrome gives the syntax error "unexpected token ." because it does not expect a statement to start with a dot.