Template fails if it contains comments at the start!

matthiku · May 7th, 2015, 07:35 AM

In step 7 of chapter 1, you have to create a template file that is supposed to display the stocks of a watchlist in a table. (stock-table.html)

When I tested the app in my browser, it failed to display the table and I couldn't figure out why. Loads of analyzing with the browser's developer tools didn't show any problem.

Then I backed up my whole 'app' folder and replaced all files with those from the download and the app worked. Then I restored everything file by file until the error happened again and it turned out that it was the file mentioned above!

I compared the original and my own file and eventually, the only difference was the comments (my addition) at the start of the file, before the first HTML tag. When I moved those comments below the first tag, it worked!

Failing template:

Code:

<!-- 
Stock Table Template

Notes:
  Inside the <thead>, the Price Change header cell contains two spans with ng-click directives 
  that assign a value to the showPercent scope variable (...) -->

<table class="table">
<thead>
(....)

Working Template:

Code:

<table class="table">
<!-- 
Stock Table Template

Notes:
  Inside the <thead>, the Price Change header cell contains two spans with ng-click directives 
  that assign a value to the showPercent scope variable 
(...)  -->
<thead> (....)

However, having comments at the beginning is no problem with other templates!