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

Posted

技术标签:

【中文标题】在backbone.js 和/或knockout.js 中的AngularJS 示例【英文标题】:AngularJS example in backbone.js and/or knockout.js 【发布时间】:2011-07-10 12:15:32 【问题描述】:

我正在比较这些框架以在客户端进行一些计算。我真的很喜欢AngularJS 网站上的示例。我想知道网站上的任何主干.js 或敲除.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;

【问题讨论】:

backbone.js 社区的任何人都想试一试。真的很感激。 【参考方案1】:

还可以查看https://github.com/addyosmani/todomvc,它展示了一个使用所有流行框架编写的标准 TODO 应用程序。

【讨论】:

【参考方案2】:

你去knockoutjs >

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

我可能有偏见,但它比 angular/backbone 更具结构性。

如果您有任何问题,请告诉我。

我认为您可以自己进行一些 NaN 检查。

【讨论】:

这很快,谢谢。我没有提到这一点,因为角度示例对我(一个真正的新手程序员)很有意义,我可以比较框架并选择一个开始。再次感谢 敲除真正松散的主干或角度的一个区域是验证,在您的示例中您也没有它。 确实如此。我通常使用 jQuery validate 插件和 knockoutjs 进行验证。 fiddle 无法加载(在 Chrome 中:“ko 未定义”),恕我直言,淘汰赛太冗长了 @nEEbz 你应该认真尝试 angular.. 代码的结构和简洁性非常明显..

以上是关于在backbone.js 和/或knockout.js 中的AngularJS 示例的主要内容,如果未能解决你的问题,请参考以下文章

MVVM框架对比

在 Apache 或 IIS 中托管时将 Backbone.js 与 CouchDB 连接

究竟啥是绑定?

用于 Restful 后端的 Ember.js 或 Backbone.js [关闭]

django 和backbone.js 问题

如何防止 Backbone.js 路由(或历史记录)自动将参数添加到 GET 请求?