私は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は私がそれが意図したとおりに動作していなかったと信じさせる。
私の状況で助けになる可能性のある回避策を知っている人はいますか?
ちょっと関係がありませんが、スタイリングのトピックでは、ポップオーバーが表示される位置をどのように移動しますか?現在のところ、私のカーソルがテキストをクリックしてポップオーバーをアクティブにしているところで、ちょっと高めで右にしたいと思います。