javascript - 动态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>'