攻略!AngularJS 1.5 第8回 コンポーネント ビューの一部分を切り出し、部品化するコンポーネントについて解説します。今回はAngularJS 1.5から利用できるようになった、componentメソッドについてです。
![攻略!AngularJS 1.5 | 第8回 コンポーネント](https://cdn-ak-scissors.b.st-hatena.com/image/square/4e04772e974142ca3f9dc247f0545f4f22d916c9/height=288;version=1;width=512/https%3A%2F%2Fcodegrid.imgix.net%2Fimage.png%3Fixlib%3Djs-3.8.0%26w%3D1200%26h%3D630%26mark%3Dhttps%253A%252F%252Fcodegrid.imgix.net%252F~text%253Fixlib%253Djs-3.8.0%2526w%253D1000%2526txt%253D%2525E3%252582%2525B3%2525E3%252583%2525B3%2525E3%252583%25259D%2525E3%252583%2525BC%2525E3%252583%25258D%2525E3%252583%2525B3%2525E3%252583%252588%2526txt-fit%253Dmax%2526txt-size%253D57%2526txt-font%253DHiragino%252520Sans%252520W5%2526txt-color%253Dfff%26mark-x%3D90%26mark-y%3D195%26blend%3D%25239834AD%26blend-mode%3Doverlay%26txt%3D%25E6%2594%25BB%25E7%2595%25A5%25EF%25BC%2581AngularJS%25201.5%2520%257C%2520%25E7%25AC%25AC8%25E5%259B%259E%26txt-align%3Dtop%252Cleft%26txt-font%3DHiragino%2520Sans%2520W5%26txt-size%3D30%26txt-pad%3D100%26txt-color%3Dfff)
「ngInfiniteScroll」を使います。 http://binarymuse.github.io/ngInfiniteScroll/のDownloadから落としてきますが、「ng-infinite-scroll.min.js」を使うとなぜかエラーになったので、Developmentの圧縮ファイルの方を落としてきます。 解凍して「ng-infinite-scroll.js」を使います。 <html lang="ja" ng-app="hogeApp"> 〜 <body> <div clas="container" ng-controller="hogeController as app"> <div infinite-scroll="loadMore()" infinite-scroll-distance="0"> <div ng-repeat="item in items"> {{
この記事はAngularJS Advent Calendar 2014の11日目の記事です。 私がAngularJSでアプリ開発した時にすごく便利だったgulpタスクの組み合わせを紹介しようと思います! gulp-concat gulp-tap gulp-ng-annotate gulp-concat AngularJSアプリは1モジュール1ファイルにする場合も多いかと思いますが、そうなるとどんどんファイル数が増えて読み込みがとにかく大変です。 ディレクティブが展開されない!と思ったらそのディレクティブを定義したjsファイル読み込み忘れてたとかね・・・ なのでjsファイルはgulpタスクでひとつにまとめてからそれだけ読み込むと、ファイルが増えてもHTMLでの読み込みを増やさなくていいのでスムーズです! ファイルをひとつにまとめてくれるのがgulp-concatです! var concat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く