1

「コントロールグループ」(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回目は補間されますか?

これを達成するためのより良い方法はありますか?

4

0 に答える 0