AngularJS アプリにカラー ピッカー機能を追加するために、このライブラリを使用しています。クライアントが色を使用できるようにしたいと思います。これは、角が丸い小さな正方形の div としてクライアントの前に表示されます (私のユーザーは技術的ではないため、色の 16 進数ではありません)。問題は、ユーザーが現在の選択を気に入らない場合に備えて、以前の選択を復元できるようにしたい場合です (この情報はサービスに保存されます)。
colorPicker ディレクティブが適用されている div の $pristine および $dirty 属性にアクセスしたいのですが、問題は、div に名前を付けることが有効な HTML マークアップではないことです。
それを行うための「Angular の方法」はありますか (組み込みの $pristine と $dirty を使用)、またはサービスにブール値のフラグを格納して、これをハックする必要がありますか?
<form name="designForm">
<div class="formLine">
<div class="miniFieldContainerSettings">
Background Color
</div>
<div class="mediumFieldContainerSettings">
<div data-colorpicker name="bgColor" class="colorSample" ng-model="model.formData.settings.background_color" data-ng-style="{backgroundColor : model.formData.settings.background_color}"><!--CANNOT GIVE A NAME ATTRIBUTE TO A DIV-->
</div>
<span class="btn btn-link" data-ng-disabled="designForm.bgColor.$pristine" data-ng-click="model.setDefaultColor('bgcolor')">
Restore previous
</span>
<span class="btn btn-link" data-ng-click="model.setDefaultColor('bgcolor', true)">
Set default
</span>
</div>
</div>
</form>