模板如何在AngularJS中生成模板?

时间:2013-08-21 01:32:01

标签: angularjs angularjs-directive

我想创建一个“控制组”(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}}

所以我似乎需要一个可以动态生成模板的模板。有没有办法逃避大括号,以便第一次不进行插值,但第二次会进行插值?

有没有更好的方法来实现这一目标?

0 个答案:

没有答案