动态angularjs模板

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?

Answer 1

您需要使用ng-bind-html-unsafe，例如：

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