動態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"/>' 

Bu問題是當它試圖做這件事angular不呈現HTML。它只是放置html字符串。我有點卡在這裏。有人可以提出一些解決方案

Answer 1

您需要使用NG綁定，HTML不安全，如：

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