AngularJS Videoタグを使ってブラウザだけでmp4を再生する 一昔まえだと動画ファイルはflashプレイヤーとかで再生する必要があったのですが、最近のHTML5対応のブラウザであれば、プレイヤー不要で動画を再生することができるみたいです。■Videoタグ以下のように記述をします。<video src=... 2014.08.27 2016.04.27 AngularJSHTML5
AngularJS AngularJSで条件分岐しながら要素を表示・非表示する 条件によって、特定のdivのブロックやリンクを表示したり、非表示にしたりする方法です。以下のように記述します。■ng-classを利用する方法ng-class="(hogehoge.length == 1) ? 'hidden' : 'di... 2014.08.22 2016.03.29 AngularJS
AngularJS AngularJSで配列の長さを取得する どこのサイトにも書いてありますが、忘れないように書いておきます。hogehogeという配列があった場合以下のように記述すると、配列の長さが取得できます。配列の長さが4だった場合は4が表示されます。{{hogehoge.length}} 2014.08.22 AngularJS
AngularJS AngularJS ng-repeatの二重ループの時に親ループのindexを取得する こんなかんじでng-repeatで二重ループをした場合の親のループのindexを取得する方法です。一重のループの時は{{$index}}で取れます。<div ng-repeat="hogehoge in hogehogeList> <div... 2014.08.19 AngularJS
AngularJS AngularJSで値を展開するカッコを変更する AngularJSのデフォルトのカッコは以下のとおり、{{}}となっています。この{{}}を別の記号に変更します。Smartyなんかと一緒に使うときに重複して困ってしまいます。{{hogehoge}}■変更の仕方例では]で値が展開されるよう... 2014.08.18 AngularJS
AngularJS AngularJSでng-repeatのindexを取得する $indexでアクセスできると書いてあるところが多いのですが、結局どうやってアクセスするんだろう。。という感じでした。以下のように書くと、indexが書き出されます。{{$index}} 2014.08.18 AngularJS
AngularJS AngularJSでid要素を追加する AngularJSでng-repeatとかでループしたキーとかでdivのIDの要素を決めたい時があると思います。その方法です。test.idに1がはいっているとしたとき、以下のように記述をします。<div ng-attr-id="{{'ho... 2014.08.16 2016.04.25 AngularJS
AngularJS SwiffyとAngularJSを同時に使おうとするとエラーが起こるのを解消 ■Swiffy.jsとはFlashをJavaScriptだけで再現するGoogleが提供しているライブラリです。これで、Flashに対応していないスマートフォンでもFlashのアニメーションを再現することができます。■発生した問題このswi... 2014.08.06 AngularJS
AngularJS AngularJSで$scopeオブジェクトをコントローラー外から取得して操作する AngularJSでいろいろ操作するときはng-clickなどのng系のイベントを利用する必要があります。ですが、結構な頻度でng系のイベント以外のところでもscope操作がしたくなったりします。そんな時には以下のように書きます。funct... 2014.07.09 AngularJS