2

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>
4

1 に答える 1