9

クライアント側でいくつかの計算を行うために、これらのフレームワークを比較しています。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;
}
4

2 に答える 2

21

https://github.com/addyosmani/todomvcもご覧ください。すべての一般的なフレームワークで作成された標準の TODO アプリが示されています。

于 2011-09-14T19:55:33.737 に答える
4

ここでノックアウトjsに行きます>

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

私は偏っているかもしれませんが、角度/バックボーンよりもはるかに構造的です。

ご不明な点がございましたら、お知らせください。

あなたが自分で取ることができると思ういくつかの NaN チェックがあります。

于 2011-03-07T18:44:41.953 に答える