knockout.js - 返されたデータに関する .net ASP.NET Web API および Knockout.js の問題

Question

私はASP.net Web APIとknockout.jsで遊んでいます。基本的に私はこれを取っています：

http://learn.knockoutjs.com/#/?tutorial=webmail

バックエンドにWeb APIを使用するだけです。これまでのところ、実際にデータを表示する以外はすべて行っています。私は取得し続けます：

Uncaught Error: Unable to parse bindings.
Message: ReferenceError: mails is not defined;
Bindings value: foreach: mails 

したがって、誰かが「それは定義されていますか?」と尋ねる前に、いいえ、それはチュートリアルを見ているからではありません (より良い写真はこちら):

http://jsfiddle.net/rniemeyer/PKDdG/

「メール」はどこにも定義されていません。したがって、Web API からデータが返される方法に問題がある必要があります。次の質問は、「JSON を返していますか?」という質問です。

 [{"id":1,"folder":"Index","from":"Ronald.McDonald@mcdonalds.com","to":"grimace@mcdonalds.com","date":"05/29/2013","subject":"Someone stole the hamburgers","messageContent":"I believe we have a thief in the mix.  We need to check hamburglars pockets"}]

したがって、ここで何が起こっているのかについて誰かが考えている場合は、建設的な提案をお待ちしています. :)

リクエストに応じて:

Sammy(function () {
   this.get('#:folder', function () {
        self.chosenFolderId(this.params.folder);
        self.chosenMailData(null);
        $.get("api/mails", { folder: this.params.folder }, function (data) {
            self.chosenFolderData({ mails: data });
        });
    });

    this.get('#:folder/:mailId', function () {
        self.chosenFolderId(this.params.folder);
        self.chosenFolderData(null);
        $.get("api/mails", { mailId: this.params.mailId }, self.chosenMailData);
    });

    this.get('', function () { this.app.runRoute('get', '#Inbox') });
}).run();
};