AngularJS

angular-scenarioで特定のテストだけ実行する

describe -> ddescribe it -> iit ってすればそのテストだけ実行される。今のところアンドキュメントな気がする。 describe('foo', function() { it('xxx', function() { ... }); iit('xxx', function() { ... }); // これだけ実行する it('xxx', function()…

AngularJSの$httpにX-Requested-Withをつける

AngularJSでHTTP Requestする際に、1.1.1より前まではX-Requested-Withをつけてたらしいんだけど、CORSのpreflightを飛ばさないためにデフォルトでは削除したらしい。 https://github.com/angular/angular.js/issues/1004X-Requested-Withをつけたい場合は以…

AngularJSのdeferredで並列実行

jQueryの$.whenみたいに複数のdeferredを同時に処理するみたいのはAngularJSだと$q.allでできる。 var d1 = $q.defer(); var d2 = $q.defer(); var d3 = $q.defer(); $timeout(function() { console.log('d1'); d1.resolve('d1'); }, 10); $timeout(function…

AngularJSのControllerをネストしたときのスコープ

<div ng-controller="ParentCtrl"> <div ng-show="isShow">foo</div> <div ng-controller="ChildCtrl"> <button ng-click="toggle()">click</button> </div> </div> こういうHTMLがあったときに、ChildCtrlから$scope.isShowを操作しても反映されない。これだとダメ。 var app = angular.module('app', []); app.controller('ParentCtrl', function($scope) { …

AngularJSでimgのsrcにバインドするときに404になる

<img src="{{image}}"> app.controller('MainCtrl', function($scope) { $scope.image = 'path/to/image'; }); とかする場合、読み込み時に {{image}} にリクエストが飛んで404になる。ng-srcを使うといいらしい。 <img ng-src="{{image}}">