Scroll

「常に新しい技術に目を向けること」
「既存の技術をより深堀りすること」

カテゴリ:Javascript
タグ:
公開日:2015/10/26(月)

AngularJSを使ってみた(基本機能編)

こんにちわ!ヤスです!

本日はAngularJS(アンギュラージェイエス)なるものを使って見たいと思います。


AngularJSってなに?

AngularJSは、Google製JavascriptフルスタックMVCフレームワークで、

HTMLとJavaScriptを簡単に分離することで、それぞれの役割分担がはっきりし、コードの可読性が増します。

そんなAngularJSの特徴を見ていてきたいと思います。

テンプレートエンジン・データ双方向バインディング

Webアプリを作成するとき、jQueryを使って、DOMをビュンビュン動かしたい、バリデーションもやろう、あ、画面制御もしちゃえ!

結果→『jQuery添えのスパゲッティコードの完成。』なんて経験があると思います。



AngularJSは、HTMLに「{{ xxxx }}」を使って直接処理や変数を埋め込むことができたり、

また、ModelとVIEWを双方向にバインディングですることで、画面上で変更された値をVIEWに即時反映できます。



サンプル参照


まとめ

今回は、AngularJSの基本機能を簡単に紹介しました。



他の特徴についてはまたの機会に紹介いたします。

この記事を書いた人:ヤス


シェアのご協力をお願いいたします!

カテゴリー

アーカイブ