angular js templateUrl with absolute path

Question

On the video watch page with the url

/watch/video_id

, I had a ng app. The directive is shown as below.

app.directive('myApp', function() {
    return {
      restrict: 'E',
      templateUrl: 'ng-templates/myTemplate.html', 
      link: function(scope, elem, attrs) {
      },
      controller: 'Controller'
    };
  });

Since the templateUrl is the relative path, it will try to find the template in

'/watch/ng-templates/myTemplate.html'

which is an error.

I want to put all the templates in the ng-templates folder. But it won't work if the ng app always looks for the relative path. Is there a way to configure the app making it to look for '/ng-template/myTemplate.html'?

Artem Latyshev · Accepted Answer · 2013-07-17 20:25:37Z

14

Did you try to add leading slash to templateUrl, like

templateUrl: '/ng-templates/myTemplate.html',

answered Jul 17, 2013 at 20:25

Artem Latyshev

5953 silver badges10 bronze badges

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

5 Comments

Yujun Wu Over a year ago

yes i tried. but it doesn't work. I thought it was supposed to work according to this post: stackoverflow.com/questions/16887018/…

user9903 Over a year ago

I had a problem when using an absolute url in a directive's templateUrl, the test wouldn't work when the $httpbackend was mocked out, it would be hitting a non-existent URL.

tmarthal Over a year ago

I just had the same issue, your browser was caching the previous (most likely blank) template. Need to do a hard refresh/clear cache to get the new template (why it worked).

Arun M R Nair Over a year ago

is it possible to assign a value of a variable like this, var mypath='http:localhost/testapp/'; templateUrl: mypath+'/ng-templates/myTemplate.html',

peflorencio Over a year ago

Sir, you've just saved my day! I wish I could upvote more times

Collectives™ on Stack Overflow

angular js templateUrl with absolute path

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related