javascript - AngularJS コントローラーとサービスのトラブル

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");
    };
}

これで、小さなモジュール、サービス、およびコントローラーができました。準備万端！しかし、問題は、テンプレートで配列項目が非表示または未定義であることです (これはもちろん ng-controller ディレクティブによって愛されています)。

module.controller() を呼び出してコントローラーを作成しようとしましたが、うまくいきませんでした。それで、私はここで何が欠けていますか？