ui-iconpickerの値を上書きするライブラリ - 角度

Question

次のライブラリを使用して、入力フィールドのアイコンを角度で選択することができます。私は私が私のデータベース

"icon":"fa fa-lg fa-heart" 

に保存されている。このJSON文字列を持っていますが、どういうわけか、私はできないか分からない

<!-- Generates iconpicker button --> 
<ui-iconpicker ng-model="icon" 
       groups="font-awesome"> 
</ui-iconpicker> 

<!-- input field with icon string that will be stored in DB --> 
<input ng-model="icon" 
     type="text" 
     class="form-control" 
     placeholder="Select Icon" 
     name="icon" 
     disabled> 

を試してみた何

https://github.com/justin-lau/ui-iconpicker

このui-iconpickerライブラリからデフォルト値をオーバーライドする方法

マイNG-モデルiconは再び私のページをロードすることによってfa fa-lg fa-glassに設定され、私は道でアイコンを持つオブジェクトを取得します初期化機能を持つデータを取得するには、私の"fa fa-lg fa-heart"

を上書きします。しかし、それは無視されるか、ライブラリの機能によって上書きされます。私が望むのは、コントローラのこの値をもう一度オーバーライドすることです。

何か助けていただければ幸いです。

Answer 1

たぶん、あなたは

var icon = {"icon":"fa fa-lg fa-heart"}; 

を持っているならば、

<ui-iconpicker ng-model="icon.icon" 
       groups="font-awesome"> 
</ui-iconpicker> 

Answer 2

これは動作します知っているが、それは簡単な解決策だしませんでした、それを考え出しました。私はライブラリが角括弧なしで動作すると思ったが、間違っていたと思う。

<ui-iconpicker ng-model="icon" 
       value="<% icon %>" <!-- or use default angular brackets {{ icon }} --> 
       groups="font-awesome"> 
</ui-iconpicker>