动态角度模板

Dynamic angularjs template

本文关键字：动态      更新时间：2023-09-26

我正在尝试以这种方式创建一个指令 - 

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 字符串。我有点被困在这里。有人可以提出一些解决方案吗？

你需要使用 ng-bind-html-unsafe，如下所示：

'<span ng-bind-html-unsafe="nodeTemplate"></span>'
相关文章：