angularjs: set element's html from a template url

Question

In my directive, I'd like to set the html of the element based on a template url:

element.html('some url to a template html file');

instead of

element.html('<div>test</div>').show();

how can I do that ?

EDIT

I do not wish to use templateUrl because the template must be dynamic. The template will change according to a scope variable set on the directive. Sorry if I haven't made myself clear before.

What do you mean by "the template must be dynamic" ? Does that mean that you will have different html templates and you need to dynamically select which one to display, or that the actual HTML markup in the template will change based on some scope variable? — kmdsax
– kmdsax, Commented Oct 3, 2013 at 17:54
first scenario. I will have different html templates and based on a value passed to the directive, the template will change. — Sam
– Sam, Commented Oct 3, 2013 at 18:17

Community · Accepted Answer · 2017-05-23 12:21:37Z

1

I suppose if you really want to do this you will have to use the $compile service. Maybe try to take a look at this answer.

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Oct 3, 2013 at 18:33

Daniel Perez

7,1314 gold badges26 silver badges28 bronze badges

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

1 Comment

Sam Over a year ago

excellent. I was already using $compile, but the answer was to use $http and $templateCache. Thanks !

Collectives™ on Stack Overflow

angularjs: set element's html from a template url

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related