![http://angularjs.org/公式サイト:TodoアプリJavaScript1.function TodoCtrl($scope) {2. $scope.todos = [{text:'あんぎゅらーを学ぶ',3. done:true}];4.5. $scope.addTodo = function() {6. $scope.todos.push({text:$scope.todoText,7. done:false});8. $scope.todoText = '';9. };10.} 公式のものから少し変更してますAngularJS](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fangularjsorbackbonejs-130607195855-phpapp02%2f75%2fAngular-js-or_backbonejs-17-2048.jpg&f=jpg&w=240)
Recommended
More Related Content
What's hot
Angular js or_backbonejs
- 1.
- 2.Who am IFirstLT time for me
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.according toBackbone.js 14,350Spine.js2,357Knockout.js 3,760Ember.js 7,138Angular.js 10,266stars
- 9.according toBackbone.js 14,350Spine.js2,357Knockout.js 3,760Ember.js 7,138Angular.js 10,26612
- 10.
- 11.
- 12.
- 13.開始処理1. ブラウザがHTMLからDOMを作る2. AngularJSがDOMを読み込む3.ng-appで指定されたタグ以下をスコープにセットする4. コンパイル5. 動的にDOMを生成する6. イベント監視して即時でDOMを更新http://docs.angularjs.org/guide/concepts詳しくはここ(英語)AngularJS
- 14.
- 15.
- 16.http://angularjs.org/公式サイト:TodoアプリHTML1.<div ng-controller="TodoCtrl">2. <ul>3.<li ng-repeat="todo in todos">4. <input type="checkbox" ng-model="todo.done">5. <span class="done-{{todo.done}}">{{todo.text}}</span>6. </li>7. </ul>8. <form ng-submit="addTodo()">9. <input type="text" ng-model="todoText">10. <input class="btn-primary" type="submit" value="add">11. </form>12.</div>公式のものから少し変更してますhttp://jsfiddle.net/taise/Mz2QH/4/AngularJS
- 17.http://angularjs.org/公式サイト:TodoアプリJavaScript1.function TodoCtrl($scope) {2.$scope.todos = [{text:'あんぎゅらーを学ぶ',3. done:true}];4.5. $scope.addTodo = function() {6. $scope.todos.push({text:$scope.todoText,7. done:false});8. $scope.todoText = '';9. };10.} 公式のものから少し変更してますAngularJS
- 18.
- 19.
- 20.Formが多い=> 豊富なフィルターやバリデートが活かせるやりたいことがコンポーネントにある=> angular-uiがとても強力(gridとか)向いてるアプリAngularJS向いていないアプリDOMをゴリゴリ操作したいもの=> ゲーム等はjQueryの方が良いと公式ドキュメントに書いている
- 21.
- 22.
- 23.BackboneJSよくある処理パターン1. ViewがDOMとModelのイベントを監視2. DOMイベントでModelを操作3.Modelの操作で別のイベントが発火4. テンプレートを使ってModel操作をDOMに反映
- 24.
- 25.
- 26.
- 27.向いてるアプリBackboneJSJavaScriptをたくさん書くものだったらRESTful + ActiveRecordパターンと相性抜群=>公式でもやたらRailsと併用について補足している向いていないアプリModelの項目がたくさんあるものはViewとのバインディングが辛いかも
- 28.
- 29.
- 30.
- 31.BackboneJSまずは からAngularJSシンプルな MV*でうれしさを感じてみるそれからをやるタイプが違うMV*で理解を深める
- 32.