B3Sロゴ
menu close

Javascript

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


ヤス

更新日:2021/08/05


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

AngularJSってなに?

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

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

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

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

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

サンプル参照

まとめ

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

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