2014/06/02 LIGにて行われたイベントの時に発表したスライド AngularJSを業務で使いたいけど今一歩踏み出せない方のための勉強会 http://eventdots.jp/event/52461Read less
![noteをAngularJSで構築した話](https://cdn-ak-scissors.b.st-hatena.com/image/square/96f91d7a26a9f5accbe8d678a8958406fa02d1e5/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F0601angularnote-140602102428-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
2014/06/02 LIGにて行われたイベントの時に発表したスライド AngularJSを業務で使いたいけど今一歩踏み出せない方のための勉強会 http://eventdots.jp/event/52461Read less
AngularJSとBootstrap3を使って一覧データをページングで表示するサンプルコードを作成しました。 デモとコードサンプルはこちら。 Bootstrap3によるCSS設定、AngularJSのビルトインフィルター、カスタムフィルターなど様々な機能を使用していてコードが少し長くなっているので、3段階のステップに分けて作成しています。 ※目次をクリックすると目次の下部にコンテンツが表示されます。 1.配列データをオフセットと表示個数を指定して表示 2.配列データをページングで表示 3.ページリンクのCSS設定 一覧情報をページ化して表示するには、オフセット(配列内のどのデータから表示するか)と表示個数を制御する必要があります。 まず、AngularJSのフィルターを使って、配列内のデータからオフセットと表示個数を指定して表示するサンプルを作成します。 表示個数は、下記のようにビルトイ
配列からチェックボックスを生成し、そのチェック状態を配列に格納したいという場面はよく出てくると思います。 例えば [ {id: 1, name: 'リンゴ'}, {id: 2, name: 'バナナ'}, {id: 3, name: 'グレープ'}, {id: 4, name: 'オレンジ'}, {id: 5, name: 'ピーチ'} ] <!doctype html> <html ng-app="app" ng-controller="Ctrl"> <meta charset="utf-8"> <title>チェックボックステスト</title> <ul> <li ng-repeat="fruit in fruits"> <label><input type="checkbox" ng-model="fruit.checked">{{fruit.name}}</label> </li>
(AngularJS1.2.0) 問題 'use strict'; angular.module('sampleApp') .controller('MainCtrl', function ($scope) { $scope.books = []; $.getJSON('api/books/', function(json) { var _data = json.results; var _datum; for (var i = 0; i < _data.length; i++) { _datum = _data[i]; $scope.books.push({name: _datum.name, comment: _datum.comment}); } }); }); for の中では取れてるのにhtmlで表示させようとすると $scope.books が [空] になってる 解決 $ap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く