Humanity

Edit the world by your favorite way

Angular

Angular の $http, $resource が返す promise で受け取れる値

Angular 使ってて今更だけど $http と $resource が返す promise で受け取れる引数が違って混乱したのでまとめてみた。 $http まず $http の場合は resolve(), reject() された値を受け取る方法として2通りある。 $http(...).then(successCallback, errorCal…

Angular UI Router の resolve プロパティが失敗(reject)した場合に値を受け取りたい

angularjs - Reloading current state - refresh data - Stack Overflow Update for newer versions: $state.reload(); Which is an alias for: $state.transitionTo($state.current, $stateParams, { reload: true, inherit: false, notify: true }); まず…

UI Bootstrap のウインドウを Draggable にする

これでできた。 angular.js を読み込む前に jQuery, jQuery UI の .js を読み込む必要があります。 angular.module('app') .directive('uibModalWindow', function () { return { restrict: 'A', link: function (scope, element) { $(element).draggable() …

Protractor + WebDriver で楽天銀行と Gmail にログインして入出金明細を保存

motemen.hatenablog.com 上記のリポジトリに Pull Request を出させてもらった。それがこちら。 github.com (Gmail等に) IMAP でログインしてメールを監視 楽天銀行にログインしてワンタイムパスワードのメールを送信 ワンタイムパスワードが書かれたメール…

Angular で「Error: 10 $digest() iterations reached. Aborting!」というエラーが出る時の対処法

最近 Angular で調べたことを週末に記事にして上げるサイクルになりつつある。良い傾向。 あと説明する時につっかからずに説明できたりするので、自分で調べてまとめて人に教える重要さをひしひしと感じる… なので最近は「書かなくても分かるやろ」ってとこ…

Angular での単体テスト、E2E テスト、バックエンド無しの開発について

Jasmine による単体テスト Jasmineのみを使用したAngularJSのテスト - Qiita Karma (テストランナー) によるテスト実行の自動化 Jasmine 単体でもブラウザからテスト実行できるが、わざわざアクセスして確認するのが面倒な場合は Karma を使う。 コマンドか…

空白のページに遷移してしまうバグと格闘した (Chrome の開発ツールに助けられた話)

原因 (一行で) <a href><img src='...' ng-click='...'></a> と書いていて (href が空のため) 空白のページに飛んでいただけだった(ズコー ng-router + html5mode(false) を使ってるなら href で (#... 以外のリンクに) 直接飛んだら otherwise は素通りされる *1 *2 なので遷移はちゃんと $location 使え…

Angular でハマった時に試すこと

(JavaScript, Angular) 初心者の人も含めたメンバーに言ったことをまとめた。 フロントエンドエンジニアには当たり前のことだったり、あと今のプロジェクトで Angular 使ってるってだけで Angular あまり関係ない。 何はともあれコンソールにエラーが出てい…

Angular Tree Control で Explorer っぽいツリービューを表示して遅延ロードする

ふと必要になって Angular Tree Control というツリービューを表示できるライブラリを使ってみた。 遅延ロードがしたかったので本家 issues を漁ってみたらisLeaf を使えばできるよと書いてあったのでやってみた *1。 説明に余計なコードは省いたバージョン …

画像なしでローディングアイコン (Angular コンポーネント)

tyru.github.io CSS3 アニメーション楽しい。 Angular コンポーネント (追記) 書き忘れた。 ちなみにタグはコンポーネント化したので、以下の URL の場所に置いて /component/tyru-loading-icon /component/tyru-loading-bounce-icon それぞれの .js を読み…

Angular 1.5 でコンポーネント指向で書いてみた時の所感

今仕事でも Angular 1.5 を使っていてコンポーネント指向でアプリを作ってみた結果、例えば Java で Web アプリを作る時に比べて特定スコープごとの値を入れる場所が足りないと感じた。 当たり前だけど、下記で話しているデータは localStorage 等に入れない…

AngularJSメモ

最近仕事でAngular.js(1.x)を使っていてさっとページを作れるのが楽しい。 SPAアプリ*1はずっと前、インフラエンジニアだった頃に毎朝送られてくるsyslogを解析するHTMLページを(prototype.jsで)作った記憶があるのだけど、その頃にAngularがあればかなり早…