javascript - Angular Xeditable 入力タイプの URL

Question

Angular Xeditable を使用すると<input type="url">、xeditable 内で (そのように) データ型を URL に自動的に設定できますか?

onbeforesaveXeditableがサポートしていない場合、外部ライブラリを使用せずにこれを行う良い方法は何ですか?

Answer 1

このようなものを使用してください.....

<a href="" data-e-pattern="^\d+(\.\d{1,2})?$" data-editable-text="conversion_factor" data-e-required data-e-placeholder="Enter Conversion Factor" data-onaftersave="updateConversionFactor()">{{ conversion_factor || error }}</a>

data-e-pattern=" ^\d+(.\d{1,2})?$ " - このパターンは 10 進数値用です

あなたのURLパターンを見つけてください...

Answer 2

ユーザーが必要editable-urlであり、バインドする属性の名前を割り当てる必要があると思います。それはあなたが望むことをするはずです。

<a href="#" editable-url="user.url">{{ user.url || 'empty' }}</a>

このフィドルを確認してください。