angularjs - 模板如何在 AngularJS 中生成模板？

Question

我想创建一个“控制组”（Twitter Bootstrap）指令（类似于这个http://aboutcode.net/2013/07/13/twitter-bootstrap-control-group-directive-for-angularjs.html但有错误处理）。

我想该指令会输出一个看起来像这样的模板。

<div class="control-group" ng-class="{error: errors.name}">
  <label class="control-label" for="{{for}}" {{label}} />
  ...
  <span class="help-inline" ng-repeat="error in errors.name"> {{label}} {{error}} </span>
</div>

但问题是errors.name需要动态生成。

所以该指令将像这样使用：

<control-group label="Name" for="group_name" key="name">
  <input .../>
</control-group>

将key="name"用于生成{error: errors.{{key}}}和ng-repeat="error in errors.{{key}}" {{label}} {error}}

所以看起来我需要一个可以动态生成模板的模板。有没有办法摆脱大括号，使其第一次不会被插值，但第二次会被插值？

有没有更好的方法来实现这一点？