For Want Of A Better Word

【再度】angular.js_はじめようとする

      2015/04/18

行くぜ!!angular.js

やりたいこと

【参考リンク】今、AngularJSというフレームワークがヤバい – (゚∀゚)o彡 sasata299's blog
(こんな感じのjson検索)

①ことはじめ
ModelとViewの双方向データバインディング(みんな最初にこれ紹介するね。)

これで、ng-modelのvalueと {{}}(=view)内の変数 = nameが紐づくというイメージ。

リアルタイムが紐づくのは分かった。
しかしこれでは何とも。htmlCSSコーディングツールでも作れってか?

ムムム!ざっくり事始めでは出来る事の理解が限定されちゃう気配!
そもそものangular.jsで良く出てくる。
・Model
・View

を確認しよう。

他のWEBアプリフレームワークで考えると
・Controller- リクエストを受け付けて、Modelとviewに処理を引き渡す。文字通りコントローラー!
・Model- ビジネスロジックやDB操作などを担当する。
・View – 画面表示を担当するクラス(ファイル) テンプレートファイルだったりも。

こんなイメージ。(Controllerで全部やっちゃうことも。。。悪夢)
下記を見てみる。

【参考リンク】AngularJS – お前のAngular.jsはもうMVCではない。と言われないためのTutorial – Qiita

むむむ、ここはMVCが分かっている前提くさい!
でもチュートリアルはおすすめしないと。

じゃあこっちか

【参考リンク】AngularJSをはじめる前に#AngularJS入門その1 | Developers.IO

ここからさらに、ここへ

【参考リンク】AngularJS 日本語マニュアル —

とっつきやすそうな日本語非公式マニュアルから!

と思ったら、こいつもよさそうだ!嫌こいつが良さそうだ。なにより図解がある!

【参考リンク】攻略!AngularJS – AngularJSとは | CodeGrid

って思ったらなんだよ、2ページ目以降有償だよ。。ほげ。。

 - angularjs, javascript | js

  関連記事

js-logo
プラグインあつめ

入力チェック系 http://www.moongift.jp/2009/06/j …

js-logo
【javascript】コールバック関数 クロージャ

[参考] http://dqn.sakusakutto.jp/2009/01/j …

js-logo
[js]現在時刻の取得(yyyy-mm-dd hh:mi:ss)

 

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

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

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

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