【Monaca】Ionic Color Pickerっぽい機能を実現する

※Onsen UI + AngularJSを使用。
アプリにカラーピッカーのような機能を実現したいと思っていたところ、
Ionic Color Picker – Ionic Marketplace
というページを見つけ、早速それっぽい機能を実現してみた。

新規プロジェクトから「Onsen UI V2 Angular 1 Minimum」を作成。
$watchCollection()colorオブジェクトの変更を検知し、RGBのHEXコードを生成している。

index.html
[html]












Color Slider





Color







R


{{color.r}}







G


{{color.g}}







B


{{color.b}}









[/html]