backbone.js中的AngularJS示例和/或knockout.js

Question

我正在比較這些框架在客戶端執行一些計算。我非常喜歡AngularJS網站上的示例。我想知道網站上的任何backbone.js或knockout.js專家是否會在各自的框架中重新創建該示例。

這是JSFiddle它。

守則小提琴的：

<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

在這裏，你去knockoutjs>

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

我可能有偏差，但它的很多超過結構角/骨幹。

如果您有任何問題，請告訴我。

有一些NaN檢查，我認爲你可以把自己。

Answer 2

也看看https://github.com/addyosmani/todomvc它顯示了一個標準的TODO應用程序在所有流行的框架編寫。