Provide default template inside AngularJS custom directive

Question

I'm trying to update a custom directive in AngularJS - it currently has a fixed template specified within the code (using the template: attribute).

I'd like to allow the user to optionally provide their own template instead, using the templateUrl: attribute.

My problem is how to provide a fallback - I can't use both template and templateUrl in the same directive. This is required to allow backwards compatibility.

I've tried using a function for templateUrl, but returning HTML isn't a runner there.

Any other suggestions?

Víťa Plšek - angular.cz · Accepted Answer · 2016-04-01 20:15:45Z

0

If you use function in templateUrl, you are suppose to provide "template identifier" Angular first looks into the template cache, if its not found it tries to do asynchroneous request for the resource of the same url.

So you can simply put your default template into the file and just return its identifier as default.

By the way, if you are using templateUrl and html in separate files, be sure to use some kind of tool like https://www.npmjs.com/package/ng-html2js in the build process.

answered Apr 1, 2016 at 20:15

Víťa Plšek - angular.cz

1,5031 gold badge10 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

Provide default template inside AngularJS custom directive

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