AngularJS
(Python==3.3, Django==1.6, djangorestframework==2.3.8, angular1.2.0, generator-angular0.6.0-rc.1) Django で apiサーバ作成 virtualenv mkvirtualenv booklist_sample --python /opt/local/bin/python3.3 インストール $ pip install django $ pip ins…
(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;…
問題 前回やった方法だとapiサーバ、フロントエンドサーバ、プロキシサーバを立ち上げてとかちょっと面倒。 『YeomanでフロントエンドとREST APIサーバーを同時に開発する方法』 を yo angular でやってみたメモ - 牌語備忘録 - pygo 前回の参考サイトの追記…
問題 AngularJS が 1.0.7 だったので安易に bower.json で 1.2.0 にして bower update して grunt server 立ち上げて Web ブラウザで見たら何も表示されなくなった。 修正してみる bower.json angular ~ の バージョンを全て変更する $ bower update angular…
(angular1.2.0, generator-angular0.6.0-rc.1, twitter bootstrap 3.0)angular-SimplePagination を利用してお手軽にページネーションしてみる https://github.com/svileng/angular-SimplePagination プロジェクト作成 $ mkdir simple_pagination_sample $ y…
(AngularJS1.0.7)※このエントリーは何かの勘違いか間違い(1.0.7 から 1.2.0 にバージョン上げたら動かなくなった) (angular1.0.7)ページネーションの実装してて ng-repeat でページ番号を入れた配列を回して ng-click を表示させようとしたらリンクが効か…
基本的に『YeomanでフロントエンドとREST APIサーバーを同時に開発する方法 - bathtimefish's blog』のスケルトン作成を AngularJS にしてそのままやっただけ。 あと CoffeeScript 使わずに Javascript で。 インストール easymock $ npm install -g easymoc…
(yeoman1.0.4, angularjs1.0.7) Bower で bootstrap をインストール bootstrap でなくて bootstrap-sass の方 $ bower install --save bootstrap-sassとすると必要なライブラリをインストールしてくれて 下記のように質問してくるので新しい方を選択 Unable …
(yeoman1.0.4, angularjs1.0.7) Yeoman インストール $ npm install -g yo grunt-cli bower generator-angular 環境構築 $ mkdir guestbook-sample $ cd guestbook-sample $ yo angular guestbook [?] Would you like to include Twitter Bootstrap? Yes : B…
AngularJS — Superheroic JavaScript MVW Framework AngularJS Ninja AngularJS 1.2 日本語リファレンス | js STUDIO AngularJS入門 (全12回) - プログラミングならドットインストール AngularJS の学習リソースまとめ - AngularJS Ninja AngularJSとGruntで…
AngularJS公式サイトのトップページにある "Wire up a Backend" のコードサンプルを Rails に移植。 ただ Rails3 と SQLite3 で動くようにしただけだけど。 CODE 説明面倒なので github にアップしてみた https://github.com/CortYuming/angular-rails-jspro…
解決済。そのうちまとめ書く...かも。 CSRF protection with Rails - Google グループ AngularJS: $http sectore/CafeTownsend-Angular-Rails · GitHub
問題 assets に html ファイル置く app/assets/templates/hoge.html Angular のコード書く(例:下記一部抜粋) 'use strict'; angular.module('hogeapp', ['sql']). config(function($routeProvider) { $routeProvider. when('/', {controller: TodoCtrl, t…
http://www.angularjs.org/ 症状 サンプルコードを写経してたら表示されたりされなかったりする。 でも Firefox だと表示される。 Google Chrome の問題なのか Javascript の問題なのか? 調べてみる 問題のファイルを Chrome で開いて、Google Chrome Devel…
AngularJS — Superheroic JavaScript MVW Framework 問題(Google Chrome だけ?) 公式のサンプルを実行してたら、なぜか急に angular.js が読み込めなくなった。 普通に動いていたのに突然。なんで? ちなみに Google Chrome で実行していた場合。 Firefox…
backbone.js より 短く書けるらしいという理由で knockout.js を使おうかと思ったけど、AngularJS の方がより短く書けるかも。 試しにフォームに文字列を入力するとその下に表示されていくだけの簡単なコードを書いてみた。 Knockout.js http://knockoutjs.c…
AngularJS AngularJS — Superheroic JavaScript MVW Framework AngularJS フレームワークについて - Google Developer Japan Blog https://groups.google.com/forum/#!forum/angularjs-jp AngularJSを使ってみました | Developers.IO AngularJSで遊んだとき…