angular

angularのdirectory構造 #angular

Angularで実装するときのDirectory構成 angularでフロント側を作ってる時に、最初に悩んだのがフォルダ構造だった。 angularを使い始めた時にさまざまさHowToサイトで推奨されていた(公式でもこのフォルダ構成だったかな?) ├── app.js ├── controllers │ └─…

同じ要素をng-repeatの時に出るエラーを回避

AngularJS の ngRepeat が文字列配列でエラーを吐くことがある - Qiita 何かのサンプルを書いた時に、['a', 'a', 'a']としたかったけどエラーになってしまって、しょうがないから['a1', 'a2', 'a3'] とかにしてng-repeatしてたけど ng-repeat="name in list …

AngularのPromiseがなんか使いにくい(AngularっていうかPromise自体)

AngularのPromiseと書いたが、AngularのPromiseというよりもそもそもPromiseがなんか使いにくいことがたまにある。 asyncのほうが使い勝手が個人的には使い勝手が良い。 asyncのwaterfallのほうがなんとなく書き方的にもしっくり来るんだが、 Angularを使っ…

Angularのfilterがものすごく実行される件

Angularのfilterが便利なので使ってみると、何故かすごく実行されることに気がついた。 mouseの動きを$scopeのhandleMouseMoveで受け取っており、$scopeの何かしらが変化したら、filterが動くような仕様になってるっぽい (Angularのソース自体見てないので、…

AngularのControllerを継承する

方法はいくつかある。 htmlでng-controllerを入れ子にする方法 angular.extendを使う方法 $controllerを使用する方法 他にも幾つかありそうだが、今回はベースに$controllerを使い更にangular.extendしてみた。 っていうかangular.extendだけでいいんじゃな…

Angularでfilterをかけたデータを取得する

<input ng-model="query"> <div ng-repeat="item in results = ( items | orderBy:'name' | filter:query | limitTo:4 ) "> {{item}} </div> <pre>{{results | json}}</pre> この時$scope.resultsを定義しておくことを忘れずに