Exemple AngularJS dans backbone.js et/ou knockout.js

Question

Je compare ces frameworks pour faire quelques calculs côté client. J'ai vraiment aimé l'exemple sur le site AngularJS. Je me demandais si l'un des experts backbone.js ou knockout.js sur le site s'il vous plaît recréer cet exemple dans leurs cadres respectifs.

Voici le JSFiddle pour cela.

Code de la Fiddle:

<table ng:init="invoice= {items:[{qty:10, description:'gadget', cost:9.95}]}"> 
    <tr> 
    <th>Qty</th> 
    <th>Description</th> 
    <th>Cost</th> 
    <th>Total</th> 
    <th></th> 
    </tr> 
    <tr ng:repeat="item in invoice.items"> 
    <td><input name="item.qty" value="1" size="4" ng:required ng:validate="integer"></td> 
    <td><input name="item.description"></td> 
    <td><input name="item.cost" value="0.00" ng:required ng:validate="number" size="6"></td> 
    <td>{{item.qty * item.cost | currency}}</td> 
    <td>[<a href ng:click="invoice.items.$remove(item)">X</a>]</td> 
    </tr> 
    <tr> 
    <td><a href ng:click="invoice.items.$add()">add item</a></td> 
    <td></td> 
    <th>Total:</th> 
    <td>{{invoice.items.$sum('qty*cost') | currency}}</td> 
    </tr> 
</table> 

<!-- 
    Workaround for jsfiddle to pass in ng:autobind 
    http://doc.jsfiddle.net/basic/introduction.html#css 
--> 
<script src="http://code.angularjs.org/angular-0.9.10.min.js" ng:autobind></script> 

<style> 
table th { 
    font-weight: bold; 
} 
table td { 
    padding: 0.3em; 
} 

Answer 1

Ici, vous allez pour knockoutjs>

http://jsfiddle.net/neebz/YbwzJ/

je pourrais être biaisé mais il est beaucoup plus structurel que angulaire/épine dorsale.

Si vous avez des questions, faites le moi savoir.

Il y a quelques contrôles NaN que je pense que vous pourriez prendre vous-même.

Answer 2

Regardez également https://github.com/addyosmani/todomvc qui montre une application TODO standard écrite dans tous les cadres populaires.