Ejemplo de AngularJS en backbone.js y/o knockout.js

Question

Estoy comparando estos marcos para hacer algunos cálculos en el lado del cliente. Me gustó mucho el ejemplo en el sitio AngularJS. Me preguntaba si alguno de los expertos de backbone.js o knockout.js en el sitio recrearía ese ejemplo en sus respectivos marcos.

Aquí está el JSFiddle para el.

Código del violín:

<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

Aquí vas para knockoutjs>

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

podría ser parcial, pero es mucho más estructural que angular/troncal.

Si tiene alguna pregunta, hágamelo saber.

Hay algunos controles NaN que creo que podría tomar usted mismo.

Answer 2

También eche un vistazo a https://github.com/addyosmani/todomvc que muestran una aplicación TODO estándar escrita en todos los marcos populares.