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