For Want Of A Better Word

angular.jsに触ってみる

      2015/04/19

Monacaで使っていたのと、このページのイカシっぷりに、俄然興味が湧いた。
http://nayuta-works.com/study_angularjs/

ということで、まずはどんなもんか

[参考] http://blog.asial.co.jp/1197

ふむふむ、

簡単なangular.jsのMVCの考え方はこんな所でしょうか。

Controller $scopeを引数に持つfuncton
Model Controllerの$scopeオブジェクト。Controller内でプロパティをセットしたり、メソッドを追加することで拡張可能
view = HTML でnag-appを宣言した要素内でさらに、ng-controller=”controller関数名”を宣言した要素。viewの中では、対応するController内でModelにセットしたプロパティやメソッドが利用可能。

変数利用例 {{hello}}
関数利用例 {{getVal()}}

watchとか、データバインディングとかはこいつは便利!!

何となく、MVCがわかったので、次はイカスこいつの動きとかをチェック。
スライドとかさせたい。

http://nayuta-works.com/study_angularjs/

(追記)
上記ページのイカススライドは「reveal.js」というものを使っていたみたい。

http://lab.hakim.se/reveal-js/#/
http://tmlife-storage.googlecode.com/svn-history/r296/trunk/reveal.js-guide/index.html#/

さらに、スライドを作成、アップできる場所サービスとして
「Slids」(http://slid.es/)というのがあるんだとさ。

興奮ポイントを完全に間違えてました。。
せっかくなので他スライド系サービス
http://qiita.com/sasaplus1/items/243c37054ba6eda0662e

 - javascript | js

  関連記事

js-logo
javascriptでアップロードファイルのファイル名を取得する

一言で言えば、 「ファイルアップロード用のフォームのvalue」 がファイル名に …

js-logo
【js】cookieから名前指定で値を取る。

 

js-logo
[javascript | js]ナビゲーションのリンクURLを現在のURLを比較して、一致したものは強調

本ページのURL(相対パス、クエリなし)とaタグのhrefが一致したらクラスを設 …

js-logo
メモ_gushから_スクロールに応じてHTML部品の表示 右下前に固定表示

要は最初は要素は固定で右下に表示 固定は下記で実施。 position: fix …

wordpress_logo
【WP】投稿入力時にURLを張るだけで、リンクして、かつ表示はタイトルにしてほしい。 そうhatenaブログみたいに。

http://website-homepage.com/wordpress/pl …