BLOG
AngularJS
2015/4/14
Googleが開発を行っているオープンソースのJavaScript用MVW(Model-View-Whatever)フレームワーク。
HTMLに記述していくテンプレートの機能
双方向データバインディングが大きな特徴です。
とりあえず試してみるなら下記のような感じです。
1 2 3 4 5 |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script> <div ng-app> <p>Name:<input ng-model="name" type="text" /></p> <p>Name:{{name}}</p> </div> |
タグにng-app追加、inputタグにng-model=”name”追加、{{name}}追加
ng-appでAngularJSを有効化します。ng-model=”name”で入力された値がnameに格納されます。{{name}}でnameに入力された値を表示しています。
AngularJSを使うと設計や実装のルールがある程度強制され、コード量が削減されたり、実装者による品質の差を小さくするなど、生産性が向上することが期待できます。
しかし複雑なことをしようとすると対応するのが大変だと思います。
またAngularJSはjavascriptなのでSEOには向かないです。
Tag:AngularJS JavaScript