• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

JavaScript

AngularJS

Top / AngularJS

JavaScriptのMVCフレームワーク

HTML enhanced for web apps!

http://angularjs.org/

設計目標

• DOM操作をアプリケーションロジックから分離する
• アプリケーションのクライアントサイドとサーバーサイドを分離する
• アプリをビルドしていく流れ（UIをデザインするところから、ビジネスロジックを書き、テストするまで）に構造を与える。

メモ

• SPA用フレームワーク
• Apache Cordovaを補完

バージョン2 -> Angular (2016/09)

• TypeScriptが推奨
• フレームワークの名称もJSを取り除いたAngularへと変更
• 1.xとは互換性がない

構成

• データベース	MongoDB
  ウェブアプリケーションサーバーフレームワーク	Express
  フロントエンドフレームワーク	AngularJS
  実行環境	node.js

AngularJS/ディレクティブ

• ng
• ng-app
• ng-controller?
• ng-model
• ng-click?
• ng-repeat?
• ng-show?

メモ

• html ng-app=""
• body? ng-controller?=""

controller.js

• var app = angular.module('App', []);
  
  app.controller('AppController', function($scope){
  //ここでModelとのやりとりなど。
  });

ドットインストール

• http://dotinstall.com/lessons/basic_angularjs

お前のAngular.jsはもうMVCではない。と言われないためのTutorial

• http://qiita.com/icoxfog417/items/2ac773c33a8b34288551

関連

• Backbone.js
• knockout
• Vue.js

参考

• http://www.publickey1.jp/blog/12/javascript_mvcangularjs.html
• http://lab.hisasann.com/AngularJSTutorial/