AngularJS AngulerJSでng-clickの中で変数を展開する
ng-clickの引数の中で、変数を展開する方法です。ng-repeatなどでループしながら、呼び出しを生成して動的にパラメータを変更するときなどに利用します。{{}}は不要です。 ng-click="hogehogeFunction('t...
AngularJS
AngularJS 
AngularJS AngularJSで$httpを使ったファイルのアップロード時の注意点
formタグには以下enctypeを設定しておく enctype="multipart/form-data" スクリプトは以下のように記述する。ポイントはContent-typeをundifinedにするところです。$httpのpostはC...
AngularJS SPA （Single Page Applicationまたは Single Page Web Application）という考え方
AngularJSを利用するようになって、SPAという言葉を聞くようになりました。 ■SPAとは どうやら、サーバサイドでいろいろやっていたことをブラウザ側で処理することによって以下のことを実現するページの設計方式を言うみたいです。 ・単一...
AngularJS Videoタグを使ってブラウザだけでmp4を再生する
一昔まえだと動画ファイルはflashプレイヤーとかで再生する必要があったのですが、最近のHTML5対応のブラウザであれば、プレイヤー不要で動画を再生することができるみたいです。 ■Videoタグ 以下のように記述をします。 <video s...
AngularJS AngularJSで配列の長さを取得する
どこのサイトにも書いてありますが、忘れないように書いておきます。 hogehogeという配列があった場合以下のように記述すると、配列の長さが取得できます。 配列の長さが4だった場合は4が表示されます。 {{hogehoge.length}}
AngularJS AngularJS ng-repeatの二重ループの時に親ループのindexを取得する
こんなかんじでng-repeatで二重ループをした場合の親のループのindexを取得する方法です。一重のループの時は{{$index}}で取れます。 <div ng-repeat="hogehoge in hogehogeList> <di...
AngularJS AngularJSで値を展開するカッコを変更する
AngularJSのデフォルトのカッコは以下のとおり、{{}}となっています。この{{}}を別の記号に変更します。Smartyなんかと一緒に使うときに重複して困ってしまいます。 {{hogehoge}} ■変更の仕方 例では]で値が展開され...
AngularJS AngularJSでng-repeatのindexを取得する
$indexでアクセスできると書いてあるところが多いのですが、結局どうやってアクセスするんだろう。。という感じでした。以下のように書くと、indexが書き出されます。 {{$index}}
AngularJS AngularJSでid要素を追加する
AngularJSでng-repeatとかでループしたキーとかでdivのIDの要素を決めたい時があると思います。その方法です。 test.idに1がはいっているとしたとき、以下のように記述をします。 <div ng-attr-id="{{'...
AngularJS SwiffyとAngularJSを同時に使おうとするとエラーが起こるのを解消
■Swiffy.jsとは FlashをJavaScriptだけで再現するGoogleが提供しているライブラリです。これで、Flashに対応していないスマートフォンでもFlashのアニメーションを再現することができます。 ■発生した問題 この...
AngularJS AngularJSで配列形式で格納したデータに添字でアクセスする方法
たとえば、$scopeにデータを入れたとします。 $scope.test = ; で、これはng-repeatとかでループをさせるのが一般的ですが直接添字でアクセスすることも可能です。 {{test.1}} →aaaと表示される また、$s...
AngularJS AngularJSで$scopeオブジェクトをコントローラー外から取得して操作する
AngularJSでいろいろ操作するときはng-clickなどのng系のイベントを利用する必要があります。ですが、結構な頻度でng系のイベント以外のところでもscope操作がしたくなったりします。 そんな時には以下のように書きます。 fun...
AngularJS Anguler Jsがすばらしい件
AngulerJS がスゴイです。 以下のように書くだけでテキストエリアに入力した文字列を対象の位置に表示するHTMLを作成することができます。JQueryでの記述にはもう戻れません。 <!doctype html> <html ng-ap...