AngularJs directive template not working

Question

I have a problem with AngularJs directive. The directive is working fine when I'm using "template". But when I'm trying to work with "templateURL".

The js file of the directive and the html file for the template are in the same directory. In the template file theres the same code as in the template field in my directive.

Why is this not working? I don't understand it.

Thanks for your help!

The templateUrl in your directive, are you setting a path to the correct file? templateUrl: "test.html" — phoffman
– phoffman, Commented Feb 22, 2016 at 19:47

score 1 · Accepted Answer · 2016-02-22 20:06:11Z

1

You need to provide the absolute path for the templateUrl field. Try this,

templateUrl : 'js/directive/test.html'

edited Feb 22, 2016 at 20:06

answered Feb 22, 2016 at 19:47

user1846747

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

3 Comments

Tobias Horst Over a year ago

I tried to change it to your solution but it isn't working. Sorry, I'm new to AngularJS

Tobias Horst Over a year ago

Looked on it a second time. Your answer is correct without the first backslash. But I don't understand why this is working. Is there an easy explanation for that? My thought was that the js file and html file are in the same directory. So i could just write test.html into the directive.

user1846747 Over a year ago

templateUrl field will look for path/to/the/template. It cant take a file name and load it. So you have to specify the path instead of file name. Thanks.

Collectives™ on Stack Overflow

AngularJs directive template not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related