Dynamic angularjs template

Question

I am trying to create a directive this way -

scope.nodeTemplate = '{{node.nodeText}}';

Part of template

'<ul>' + '<li class="tree-node" data-ng-repeat="node in nodes">' + '<span>' + scope.nodeTemplate + '</span>' + '</li>' + '</ul>'

Based on some condition I would like to change the nodeTemplate and it can be an html string like -

'<input type="text"/>'

But the issue is when it try to do this thing angular does not render the html. It simply puts the html string. I am kind of stuck here. Can someone suggest some solution?

this can help you: stackoverflow.com/questions/9381926/…

lu cip
– lu cip

2013-10-09 10:48:50 +00:00
Commented Oct 9, 2013 at 10:48 — lu cip
– lu cip, Commented Oct 9, 2013 at 10:48

Attila Miklosi · Accepted Answer · 2013-10-09 15:13:36Z

2

You need to use ng-bind-html-unsafe like:

'<span ng-bind-html-unsafe="nodeTemplate"></span>'

answered Oct 9, 2013 at 15:13

Attila Miklosi

7184 silver badges4 bronze badges

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

Collectives™ on Stack Overflow

Dynamic angularjs template

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related