「コントロールグループ」(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}}
したがって、テンプレートを動的に生成できるテンプレートが必要なようです。初めて補間されないようにブレースをエスケープする方法はありますが、2回目は補間されますか?
これを達成するためのより良い方法はありますか?