javascript - angular js templateUrl with absolute path - Stack Overflow

admin管理员组

文章数量:1339082

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'?

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'?

• javascript
• angularjs
• angularjs-directive

Share Improve this question Follow asked Jul 17, 2013 at 20:17 Yujun WuYujun Wu 3,0121212 gold badges4141 silver badges5656 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 14

Did you try to add leading slash to templateUrl, like

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

本文标签： javascriptangular js templateUrl with absolute pathStack Overflow