2017-01-11 11 views
1

私はeditable popoverのために私のプロジェクトでx-編集可能な角度を使用しています。 editableThemes[default].inputTplを変更しようとしたとき、私は問題を抱えていますがXの編集可能なポップオーバー入力のカスタマイズとスタイリング

app.run(function(editableOptions, editableThemes) { 
    editableOptions.theme = 'default'; 
    editableThemes[default].cancelTpl = ''; 
    editableThemes[default].submitTpl = '<img class="popoverSubmitBtn" 
    src="images/confirmationBtn.svg" ng-click="$form.$submit()">'; 
}); 

を:私は正常に私が使用したいとやっキャンセル]ボタンを削除.SVGに私の確認ボタンの外観に変更を加えました。何らかの理由でinputTplへの変更が登録されていないようです。私が望むのは、現在の入力をクリアするための円形の 'x'ボタンをポップオーバーに表示する入力ボックスです。WITHIN入力テキストフィールド。

これは実際には元のx編集可能なデフォルトの動作でした(Twitterのtypeahead.jsデモでhereを参照)。 editableOptions.displayClearButton=trueを使用するのと同等の機能がありますが、確認ボタンと同じように、入力ボックスの横にボタン全体が作成されます。

ここでは、「クリア」ボタンを使用してeditableThemes[default].inputTpl = '<input type="text" reset-directive>';を使用する指示を使用する予定でしたが、やはり壊れているようです。この公開された問題でさえ、hereは私がそれが意図したとおりに動作していなかったと信じさせる。

私の状況で助けになる可能性のある回避策を知っている人はいますか?

ちょっと関係がありませんが、スタイリングのトピックでは、ポップオーバーが表示される位置をどのように移動しますか?現在のところ、私のカーソルがテキストをクリックしてポップオーバーをアクティブにしているところで、ちょっと高めで右にしたいと思います。

答えて

0

これは機能しています。同様の問題を持つ人のために:私は期待の道を機能していない

  • inputTplながらポップオーバーのため

    • スタイリングは、インストール後にbower_componentsディレクトリにxeditable.cssを介して制御することができ、私はに カスタムディレクティブを追加しました入力フィールドにe-*(つまりe-my-directive)を使用しても問題ありません。
  • 関連する問題