フリーランス チャレンジ!!

フリーランス チャレンジ!!

週休4日制に俺はなる!

【AngularJs】IEテキストボックスのバツボタンで削除してもng-model に残る件

f:id:ksakae1216:20161110220248j:plain

みなさん、コウタロウです!!

 

今日はタイトルについて。

 

 

IEテキストボックスのバツボタン

すいません、ちょっと画像が無いんだけど、IEのどっかのバージョンからテキストボックスに文字列入力すると右端に「☓」が表示される

 

この「☓」を押すとテキストボックスの中身がクリアされるというIEだけの仕様

 

困ったことも

AngularJsで困ったことがあった

 

テキストボックスに値を入力して、「☓」ボタンを押して中身がクリアされたのでng-modelもクリアされたかと思いきや・・・

 

あれ、残ってる???

 

理由はわかんないけど、クリアされるのは見た目だけでng-model上は残ってるんだよね

 

対応方法

「☓」ボタンを使わせないのが一番いい

 

gist0c95fe72536cd6e2a3d88ba7bf29baf6

 

CSSにこのコード書くだけでHTML全体に適用されるから楽ちん!!

 

最後に

どう対応すべきか悩んだけど、「☓」ボタンを使わせないのが一番シンプルかな