javascript - AngularJS Controller 和服务出现问题

Question

我有以下用于小型玩具 Angular 应用程序的代码

var myApp = angular.module("MyApp", []);
myApp.factory("Items", function()
{
    var items = {};
    items.query = function()
    {
        return
        [
            {
                title: "Mary had a little lamb",
                price: 2.5, 
            },
            {
                title: "My Experiments with Truth",
                price: 6.25, 
            },
            {
                title: "Indian Summer",
                price: 5.75, 
            },
        ];
    };
    return items;
});
function ItemsViewCtrl($scope, Items)
{
    $scope.items = Items.query();
    $scope.numberOfItems = function()
    {
        window.alert("We have "+$scope.items.length+" with us");
    };
}

所以，我们有一个小模块、一个服务和一个 Controller !一切顺利!但问题是数组 items 在模板中是不可见的或未定义的(这当然受到 ng-controller 指令的喜爱)。

我什至尝试通过调用 module.controller() 创建 Controller ，但效果不佳。那么我在这里缺少什么？

Answer 1

将左括号放在与返回语句相同的行中，即:

return [    // <---------- HERE
    {
            title: "Mary had a little lamb",
            ...

否则 Javascript 认为您没有返回任何内容!参见 fiddle :http://jsfiddle.net/HG7Ek/