Home > 開発パッケージ・ライブラリ > JavaScript/Ajax/RIA >

Angular JS - クライアントサイドJavaScriptのMVCフレームワーク

2012/02/22 10:48 Update

TAGS: angularjs | JavaScript | MVC | MIT

Angular JSはクライアントサイドのJavaScript技術で、MVCの手法で動的複雑なWebサイトをより容易に開発できます。

データバリデーションはもちろん、クライアントサイドでデータとUIの自動バインド、JavaScriptのMVCプログラミング手法などの機能を提供しています。

angular is a new, powerful, client-side technology that makes it much easier for you to create dynamic web sites and complex web apps, all without leaving the comfort of your HTML / JavaScript home

動作環境

◇　言語：JavaScript
◇　ライセンス：MIT

機能・特徴

◇　軽量：～60KB（GZIPは24KB）
◇　jQueryとの統合が可能
◇　そのままのHTMLテンプレート。
◇　DOM操作
◇　データとプレゼンテーションコンポーネント間のデータバインド
例：

     <input type="text" name="name" value="World"/>
     Hello {{name}}!

◇　入力バリデーション
例（必須チェック）：

 <input type="text" name="user.address.city" size="12" ng:required/>

◇　MVC：データやビュー、ロジックを完全に分かれるようになっています。

例：

<!doctype html>
<html xmlns:ng="http://angularjs.org">
<!-- scriptタグでangularの動作環境を定義します -->
<script src="../angular-0.9.19.min.js" ng:autobind></script>
<body>
   Your name: <input type="text" name="name" value="World"/>
   <hr/>
   <!-- inputウィジェットとデータバインド -->
   Hello {{name}}!
</body>
</html>