动态angularjs模板

Question

我试图以这种方式创建一个指令 -

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

模板的一部分

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

基于某些条件，我想更改nodeTemplate，它可以是一个html字符串，如 -

'<input type="text"/>'

但问题是当它试图做这件事时angular不呈现html。它只是放置html字符串。我有点被困在这里。有人可以建议一些解决方案吗？

Answer 1

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

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