Ufuk Hacıoğulları Ufuk Hacıoğulları - 4 months ago 29x
Javascript Question

Stating directive templateUrl relative to root

I am currently stating templateUrl relative to the current window location.

cvApp.directive('personalDetails', function () {

return {
restrict: 'A',
templateUrl: '../../Scripts/app/templates/personalDetails.html'


How can I make templateUrl relative to root of the application? I am looking for something like this:

templateUrl: '~/Scripts/app/templates/personalDetails.html'

Can AngularJS accomplish this?


Looks like it's supported. Taken from a thread on AngularJS Google Group:

the url with "/" prefix is relative to the domain, without the "/" prefix it will be relative to the main ("index.html") page or base url (if you use location in the html5 mode).

This works fine:

templateUrl: '/Scripts/app/templates/personalDetails.html'