angularJS उदाहरण backbone.js और/या 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/

के लिए जाना

मैं पक्षपाती हो सकता है, लेकिन यह तुलना में बहुत अधिक संरचनात्मक है कोणीय/रीढ़।

यदि आपके कोई प्रश्न हैं, तो मुझे बताएं।

कुछ नाएन चेक हैं जो मुझे लगता है कि आप स्वयं को ले सकते हैं।

Answer 2

इसके अलावा https://github.com/addyosmani/todomvc देखें जो सभी लोकप्रिय ढांचे में एक मानक TODO ऐप लिखा गया है।