hello foo bar Saba noteAngularJSの配列表示
Tag angularjsを表示しています。
2016.7.30 土
データの表示についてはこの数十年間どの言語も意地をかけて挑戦してきました。perlのforeach、jQueryのeach、Javascriptのfor、PHPのforeach、そしてAngularJSのng-repeatというものです。前回の例では配列をダンプしたみたいな感じでおよそ実用には伴わないものでした。これを秩序をもって表示しようというものです。コントローラは前回と同じものを用いています。 配列は、 $scope.tests = [ {"language":"PHP", "memo":"馬鹿"}, {"language":"Javasctript", "memo":"変態"}, {"language":"Ruby", "memo":"エリート"}, {"language":"C",...
2016.7.28 木
さて前回では初歩的なAngularJSを使ってみましたが、今度はコントローラを使います。コードがものすごく複雑になってきたときにhtmlファイルにコードを書くのはナンセンスなのでコントローラに分けてあげます。 <head> <meta charset="utf-8"> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script> <script src="controller_001.js"></script> ←こんな感じでよびだす </head> コントローラを使ってみる Hello World...
2016.7.27 水
ライブラリーを呼び出す AngularJSはjQueryと同じようにライブラリー的なものを使います。まずは面倒なのでGoogleのCDNからライブラリーをひっぱってきて使うとよいと想います。 <head> .... <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script> .... </head> これで最初の準備は整いました。 次にAngularJSのアプリを使うことを宣言します。これがないとダメです。 <html lang="ja" ng-app> ng-appをhtmlタグの中に書いてあげるだけです。これでAng...
2016.7.3 日
jQueryだと面倒なバリデーションをかなり楽にやってくれます。これは結構いいかな。Form作る時なんかはこれがいいですね。 Emailのバリデーション よく使う項目なのでコントローラすらいらないというすぐれものです。angular.min.jsを呼んであげるだけであとはHTMLを操作するだけでOKです。 コントローラを使わなくていいのは、AngularJSがすでに内部的にコントローラをもっていてそれにセットされるからです。 <div> <form action="" name="userForm" novalidate> <input type="email" name="email" ng-model="email" required ng-maxlengt...
2016.3.22 火
https://angularjs.org/ 上記公式サイトからダウンロードする。2017年現在1.5.xぐらいが安定版になるかと思われます。2.x.xを試したい人は是非是非というところ。 HTMLのmetaタグのところで普通のJSを同様に読み込む。 <script src="/assets/js/angular.min.js"></script> これで一応準備は整っているのだけど、勿論実際はいろんなライブラリーを使わないとかなりつらい。 GoogleのCDNから直接ひっぱり込むこともできます。バージョンとかは適当に書き直して接続します。 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.6/...