javascript - 资源属性中的动态指令

Question

我有一个资源中继器，该资源包含一个内部带有角度指令的属性，并与文本混合。我想要完成的是根据对象的属性动态显示表单输入。

<ul>
  <li ng-repeat="action in actions">
    {{action.form_layout}}
  </li>
</ul>

在这种情况下action.form_layout，可能包含一些带有指令的文本，这些文本也需要编译。

Open the <door></door> with this <key></key>
// <door> and <key> are directives that would return different inputs
// so this should be compiled to Open the <input type="text" name="door"></input> with this <input type="text" name="key"></input>

我怎样才能做到这一点？现在，属性值正在模板中以纯文本形式打印。

谢谢

Answer 1

请看看这个小提琴。http://jsfiddle.net/dH5Ln/ 这里doorandkey被分隔为单独的指令。在compile函数的帮助下，我们正在解析模板并显示编译后的模板。