AngularJS: 'Template for directive must have exactly one root element' when using 'th' tag in directive template

Question

I\'m trying to implement custom sortBy directive in order to make columns in html table sortable.

HTML:

Answer 1

i encounter the following error:

Error: [$compile:tplrt] http://errors.angularjs.org/1.2.6/$compile/tplrt?p0=stockWidget&p1=stock.html.

I get around by removing commement at very top of template file.

replace is deprecated with angularjs 1.3 forward, the next release will remove it completely, it's better not to use replace key.