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>'