我今天开始玩CoffeeScript和AngularJS,注意到没有很多关于如何使用CoffeeSript正确编写AngularJS的文档或示例。我自己对它的实验似乎不起作用。作为一个教学专家,有人能告诉我为什么小提琴不起作用吗?
http://jsfiddle.net/dralexmv/8km8x/4/
它声称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>
这是CoffeeScript:
inventoryModule = angular.module 'InventoryModule', []
inventoryModule.factory 'Items', ->
items = {}
items.query -> [
{title: 'Table', price: '5'},
{title: 'Chair', price: '10'}
]
items
inventoryModule.controller 'InventoryController', ($scope, Items) ->
$scope.items = Items.query
您的代码包含以下
items.query -> [{title: 'Hello', price: '5'}]
翻译过来就是:
var items = {};
items.query(function() { // Items has no method query
return [{
title: 'Hello',
price: '5'
}];
});
你的意思是,将成员定义为一个函数,所以它应该是:
items.query = () -> [{title: 'Hello', price: '5'}]
翻译过来就是:
var items = {};
items.query = function() {
return [{
title: 'Hello',
price: '5'
}];
};
这就是你的意思:)
(小提琴)