AngularJS - Directive won't load

Question

I have a little directive and I have troubles to make it working.

here is my directive :

angular
.module('thermofluor')
.directive('myCustomer', function() {

    return {
        restrict: 'E',
        template: 'table_plate.html'
    };
});

The template is just a paragraph with "Test" inside.

In my main HTML in call the directive with this :

<my-customer></my-customer>

but nothing appear on the screen, and in the html the directive is not replace with the directives output html

The template have the same name and is in the same folder.

What am I doing wrong ?

Thanks.

I don't know if there is all the things, i'm working on a project where other person works (i try to remake my problem) but here it works ... : embed.plnkr.co/c3PIZnwxj5aZrkzrpC02 — Spialdor
– Spialdor, Commented Jun 29, 2018 at 13:04

Sajeetharan · Accepted Answer · 2018-06-29 12:58:46Z

2

It should be templateUrl

return {
        restrict: 'E',
        templateUrl: 'table_plate.html'
    };

answered Jun 29, 2018 at 12:58

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

4 Comments

Spialdor Over a year ago

Yes that's a mistake, i change but still the same problem :/

Spialdor Over a year ago

I make a plunkr too and this is working, I have exactly the same code in my app, so I really don't understand what is going on

Spialdor Over a year ago

No, i'm on that since 3 hours now and I can't make it working :/

Spialdor Over a year ago

this is strange, i have the exact same code but instead of showing the template there is the directive tag, the directive don't load

CodeSmith · Accepted Answer · 2018-06-29 13:52:26Z

0

If you only need the template to show, you can use ng-include instead directive:

<ng-include
  src="string"
  [onload="string"]
  [autoscroll="string"]>
...
</ng-include>

There is also the version for any element available:

<ANY
  ng-include="string"
  [onload="string"]
  [autoscroll="string"]>
...
</ANY>

For even more info glance on https://docs.angularjs.org/api/ng/directive/ngInclude

Under either src or ng-include put the reference to the template you wish to load (depending on what version you use). For only 1 restrict it's kinda overkill to use a directive, rest you get from this approach as well.

NOTE: in above definitions, attributes in brackets are not needed for your example.

answered Jun 29, 2018 at 13:52

CodeSmith

3,2171 gold badge19 silver badges34 bronze badges

1 Comment

Spialdor Over a year ago

I need a directive (i'll have a complexe template with some values who are changing by the users actions), but I still can't make it working

Collectives™ on Stack Overflow

AngularJS - Directive won't load

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related