AngularJS cannot find template

Question

Here is my directive

(function() {
    angular.module('commentsDirective', [])

    .directive('mngComments', mngComments)

    function mngComments() {
        return {
            restrict: 'AE',
            scope: {
                moment: '='
            },
            templateUrl: 'comments.html',
            replace: true,
            controller: 'CommentsController',
            controllerAs: 'vm'
        };
    };
})();

Here is my file structure:

And I get this error message:

I'm not understanding this. My html file is in the same directory as my directive so why can't it find it?

you need to specify the relative path like this ./comments.html — Bogdan Martinescu
– Bogdan Martinescu, Commented Dec 24, 2017 at 17:35
Instead of having a separate function, will it work with the normal construction? .directive('mngComments', function() { }) etc... (and like Bogdan says, relative path too) — rrd
– rrd, Commented Dec 24, 2017 at 18:09
The path is probably relative to the HTML page and not the directive location. So whatever path you prepend to load the directive should be used in the directive to load the template. — Intervalia
– Intervalia, Commented Dec 24, 2017 at 18:18
directive script location is irrelevant. Browser works off of page relative location — charlietfl
– charlietfl, Commented Dec 24, 2017 at 18:40

Danny Chernyavsky · Accepted Answer · 2017-12-24 21:48:57Z

2

Path to template should be relative to page’s path. So if directory comments is placed at root, you should specify templateUrl as /comments/comments.html.

If you want to use your module in unknown paths, you can use $templateCache to “import” your template to your module first. Then you can specify custom URL used while defining templateCache.

answered Dec 24, 2017 at 21:48

Danny Chernyavsky

4792 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

AngularJS cannot find template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related