Angular directive: template from other file

Viewed 3124

How do I include a .html as my template file in an angular js instead of having the direct HTML code inside the template attribute?`

This is my code so far:

    .directive('navigation', ['$rootScope', '$i18next', function ($rootScope: any, $i18next: any) {
        return {
            bindToController: true,
            template: '../views/navigation-directive.html',
            link: function (scope, element, attrs) {....

But when running this code the only thing my browser is displaying is '../views/navigation-directive.html' in plaintext.

enter image description here

The current structure of my files is this.

The directive file is located in solution/script/navigation.js the .html file is located in solution/view/navigation-directive.html

1 Answers
Related