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 文字列を配置するだけです。私はここで立ち往生しています。誰かが解決策を提案できますか?