Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AngularJS Basics (1.x) Getting Started with Angular Your First Angular Directive

Posted by pharah
pharah
1,304 Points

I entered everything in correctly. The page loads but the "template" text does not appear

Hello, please see the following snapshot: https://w.trhou.se/6l44rdecd3, what is missing?

pharah
pharah
1,304 Points

Updated snapshot: https://w.trhou.se/wrk1aio6xm

2 Answers

Justin Coen
seal-mask
.a{fill-rule:evenodd;}techdegree
Justin Coen
Full Stack JavaScript Techdegree Student 12,829 Points
Justin Coen
.a{fill-rule:evenodd;}techdegree
Justin Coen
Full Stack JavaScript Techdegree Student 12,829 Points

Most likely this issue is being caused by the semi-colon after 

angular.module('todoListApp');

Try changing the line of code to just

angular.module('todoListApp')
pharah
pharah
1,304 Points

I deleted it, and it still doesn't work (https://w.trhou.se/wtrk60yw8y).

Once I preview and look at the page source, the following is missing, but it is linked as it should in the index.html:

<script src="scripts/hello-world.js" type="text/javascript"></script>
kevin hudson
PLUS
kevin hudson
Courses Plus Student 11,987 Points
kevin hudson
kevin hudson
Courses Plus Student 11,987 Points

I know this is many years too late but make sure after you delete the semicolon you ensure there isn't a space between the 'dot' and () 

angular.module('todoListApp').directive