もなかアイスの試食品

「とりあえずやってみたい」そんな気持ちが先走りすぎて挫折が多い私のメモ書きみたいなものです.

AngularJS

【Javascript】select要素の開いた/閉じたイベントを実装した話

はじめに 前回の記事の続き monakaice88.hatenablog.com 前回の話は、セレクトボックスを選択した時(値が決まった時)にモーダルを表示するという機能を作成したけれども、 onchangeイベントを使っていたため、同じ値を選択したときにモーダルが表示されな…

AngularJSで半角数値しか入力出来ないディレクティブを作ってみた

WEBアプリのバリデーション処理はめんどくさい とある業務系のアプリを作成していて、 数値を入力してもらう箇所に普通の文字列を入れられ挙動がおかしくなることがあった それぐらいバリデーション入れろよ・・・とツッコミが聞こえそうだけど、仕様が変わ…

AngularJSとAngularStrapでテキストボックスに数値しか入力できないようにする

少し前に似たようなことをやった monakaice88.hatenablog.com ただフォーマットが合っていない時だけメッセージを表示するだけだった 個人的にはそもそも数値しか入力できないようにしたい! というわけで、Javascriptのサンプルを調べつつ、AngularJSとAngu…

ngRepeatFinishedが動かなかったので修正した話(AngularJS)

DOM操作の都合上、AngularJSのループ処理のngRepeatのレンダリングが終わった時の イベントが拾いたい時が結構ある。 そこでよく見る解決策が、「onFinishRender」やら「ngRepeatFinished」という言葉 色んな所で(StackOverflowとか、海外のブログとか)で…

IEでテキストをinput[text]・textareaにDragDropした時、ng-modelが更新されない

AngularJSを使った開発で、FireFox、Chromeでは問題なく動作して、いつものごとくIE11で動作しなかった現象が発生 やりたいことは、テキストボックス(またはテキストエリア)の文字数のカウントを取りたいだけ 特に複雑なコードではなく、$scope.$watchでng…

AngularJSとAngularStrapでバリデーションメッセージを表示

古いIEの仕様に苦しむもなかアイスです。 input要素にrequired属性やらpattern属性はすごい便利だなーと思っていたら IE8,9で使えない・・・ IE8,9に合わせて、input要素のidやらclassで場合分けしてエラーメッセージを アラートダイアログで表示するのは最…

OpenLayers + AngularJSでdirectiveを使ったら捗った

AngularJSを使い始めて6ヶ月・・・ やっと使い方がわかって気がする あとJavascriptのいわゆる「MV*」も いや、わかっていないな~ わかったことは、とにかくcontrollerはイベント処理に徹底しよう!というぐらい OpenLayers(2.13.1) + AngularJS を使ったW…