我想创建一个“控制组”(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}}
所以我似乎需要一个可以动态生成模板的模板。有没有办法逃避大括号,以便第一次不进行插值,但第二次会进行插值?
有没有更好的方法来实现这一目标?