Angular JS

Angular JS

angular JS 1.6アップデートで$httpが動かなくなった件

Angular JS 1.6が2016年12月にリリースされたようです。 プロジェクトを Angular JS 1.5から Angular JS 1.6へアップデートしたところ、 次のようなエラーが・・・ TypeError...
Angular JS

JavaScript(AngularJS)で次のフォームへ自動で移動させる

クレジットカードの番号入力だったり、郵便番号であったり、フォームに一定の桁数を入力すると、自動で隣のテキストボックスへ移動できたら入力の手間が省けて便利です。 しかしAngular JSは基本的にDOM操作を一切しないし、するべきではあり...
Angular JS

angular JSで画像をアップロードng-file-uploadの使い方と注意

ng-file-uploadを使って画像をサーバにUPしよう Angular JSを使って、画像データをサーバにUPするには、とりあえずng-file-uploadを使いましょう。ng-file-uploadの使い方と筆者が陥ったミスをご...
Angular JS

angularjsは日本語が少ないとお嘆きの方への魔法の言葉

angular JSで開発をしていると、実際色々なトラブルが次から次へと湧いてでてくるものです。 angular JSに限ったことではないのかもしれませんが、とにかく思った通りに動いてくれない事が良く有ります。多分このページを見てくれてい...
Angular JS

Angular JS ビット演算はfilterで効率よく処理しよう

ビット演算って何? コンピュータは0と1の信号で、2は理解できません。0と1しか理解できないなら、桁を増やせばいいじゃない。ということでコンピュータは膨大な桁を処理しています。だからコンピュータは2を表現する時、10(イチゼロ)と表現しま...
Angular JS

angular js toasterの実装

angular jsで、通知を出す方法には色々あります。 このうち、ポップアップでふわっと表示され、 一定時間経過で自動で消える通知を「トースター」(toaster)と 言います。
Angular JS

angular JS loading画面

ionicであれば、ローディング画面はすごく簡単に実装できます $ionicLoadingを使えば、簡単に おしゃれなローディングの画面の出来上がりです。 通信開始の時に って書くだけです。ローディング画面を消すには ...
Angular JS

angular js+ui-router ログインの仕組み

日報クラウドnipoでは、ログインをする処理が書かれています。 当然ですね。あなたが誰なのかわからないと、どの日報を表示したらいいかわからんもの。 なので、ログインしてもらうことで、あなたが誰かを特定するわけです。 SPA(シング...
Angular JS

angular jsを使ったWebアプリ

今まではスマートフォンアプリをメインに作成してきましたが、 今回はWebアプリをつくってみました 開発環境は Angular JSです。 今回はじめて導入した Yeoman + Grunt + Bower というお助けツールも使...
Angular JS

angular js フォームが空欄だった場合データがPOSTされない

あるフォームの値が空欄(初期値)だったとき、SUBMITさせない方法はよく書かれているけれど、 空欄でSUBMITしてもOKにしたい。 別にバリデーションしなければいい話なんだけど、何故かAngular JS + Ionicでは空欄...
Angular JS

ui-routerを使ったスクロールバー付きのインラインフレーム

angularJSで使用できるui-router これを使って、iframeふうなスクロールバー付きの小窓を作ってみます。 利用規約なんかに使えます 通常のHTMLではiframeタグでやればいいと思います ...
Angular JS

ionic ng-ifとng-showとshow-deleteにハマる

ionicでは、ng-repeatで配列のデータを繰り返し表示する際、show-deleteを使うと削除ボタンが簡単に作成できます sample storeの左にある赤いボタンが削除ボタンです。 ng-ifのトラップにはまらない...
Angular JS

Angular jsからデータをサーバへPOSTしPHPで受ける

AngularJSは、jQueryとサーバのやり取り方法が若干異なります。 jQueryでサーバとやり取り jQueryであれば という書き方で動いてました。 セイムオリジンポリシー(same origin policy)と...
Angular JS

UI Routerで遷移先ページにデータを渡す簡単な方法

これまでのWeb開発技術では、ページ遷移時に遷移先ページヘデータを渡すには、GETやPOSTを使ってました。 PHPと相性がよくて、 $_POST とか $_GETで取得できたので、便利でした。 しかしAngular JSはSPA(シン...
Angular JS

SPAにおける盲点 AngularJS ページ遷移

myメモ。(動作確認無) AngularJSというフレームワークは、SPA(シングルページアプリケーション)という仕組みらしい。 これは何かというと、これまではページごとにhtmlファイルがあったのだが、1つのhtmlファイルで全部...