Scroll

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

カテゴリ:Javascript
タグ:
公開日:2015/10/26(月)
最終更新日:2021/08/05(木)

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

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

AngularJSってなに?

AngularJSは、Google製JavascriptフルスタックMVCフレームワークで、HTMLとJavaScriptを簡単に分離することで、それぞれの役割分担がはっきりし、コードの可読性が増します。

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

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

Webアプリを作成するとき、jQueryを使って、DOMをビュンビュン動かしたい、バリデーションもやろう、あ、画面制御もしちゃえ!
結果→『jQuery添えのスパゲッティコードの完成。』なんて経験があると思います。

AngularJSは、HTMLに「{{ xxxx }}」を使って直接処理や変数を埋め込むことが可能です。
また、ModelとVIEWを双方向にバインディングですることで、画面上で変更された値をVIEWに即時反映できます。

サンプル参照

まとめ

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

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

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


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

カテゴリー

アーカイブ