Angularjs 角度JS+;咖啡脚本+;JSFIDLE:代码不工作

Angularjs 角度JS+;咖啡脚本+;JSFIDLE:代码不工作,angularjs,coffeescript,jsfiddle,Angularjs,Coffeescript,Jsfiddle,我今天开始玩CoffeeScript和AngularJS,注意到关于如何使用CoffeeScript正确编写AngularJS的文档或示例并不多。我自己的实验似乎不起作用。作为一个教学练习,有人能告诉我为什么小提琴不起作用吗 它声称未定义InventoryModule。虽然我已经在第一行声明了 这是HTML: <div ng-app='InventoryModule' ng-controller='InventoryController'> <table> &l

我今天开始玩CoffeeScript和AngularJS,注意到关于如何使用CoffeeScript正确编写AngularJS的文档或示例并不多。我自己的实验似乎不起作用。作为一个教学练习,有人能告诉我为什么小提琴不起作用吗

它声称未定义InventoryModule。虽然我已经在第一行声明了

这是HTML:

<div ng-app='InventoryModule' ng-controller='InventoryController'>
<table>
    <tr ng-repeat='item in items'>
        <td>{{item.title}}</td>
        <td>{{item.price | currency}}</td>
    </tr>
</table>

您的代码包含以下内容

items.query -> [{title: 'Hello', price: '5'}]
也就是说:

  var items = {};
  items.query(function() { // Items has no method query
    return [{
        title: 'Hello',
        price: '5'
      }];
  });
  var items = {};

  items.query = function() {
    return [{
        title: 'Hello',
        price: '5'
      }];
  };
您的意思是将成员定义为函数,因此它应该是:

items.query = () -> [{title: 'Hello', price: '5'}]
也就是说:

  var items = {};
  items.query(function() { // Items has no method query
    return [{
        title: 'Hello',
        price: '5'
      }];
  });
  var items = {};

  items.query = function() {
    return [{
        title: 'Hello',
        price: '5'
      }];
  };
这就是你的意思:)


()

JSFIDLE应该在选择Angular作为框架时自动将其添加到标记中。我明白了。棘手的咖啡脚本语法我还在习惯中。@AlexanderVentura我很高兴能帮上忙。如果这有帮助的话,我已经做了,并且看到了AngularJS+CoffeeScript的开发,这非常好:)最后一件事,当我将
$scope.items
更改为
$scope.items=items.query
时,页面仍然无法解析。为什么?@AlexanderVentura它怎么知道是电话还是任务?没有参数:)您可以尝试
$scope.items=items.query()
我知道了,我尝试将其保留为纯咖啡脚本语法。再次感谢。