淘汰教程神秘改变ViewModels

时间:2013-11-11 16:23:13

标签: javascript jquery html css knockout.js

如果您导航到WebMail Tutorial here,您将能够看到有关如何创建SPA(单页面应用程序)的教程。

如果您跳到第4步,向下滚动信息框(左上方框),您可以点击底部的Help it's not working按钮,它会为您放置所有代码。

我的问题是,当点击邮件时,它是如何更改视图的?我错过了一些东西,很明显,但不能把手指放在上面。

我需要知道,因为我想将其应用于SPA,我可以点击左侧菜单中的链接,然后将主要内容更改为其他内容!

谢谢:)

1 个答案:

答案 0 :(得分:1)

  

我需要具体到它告诉html不显示的地方和   显示正确的

导航文件夹时,首先会清除邮件数据self.chosenMailData(null);

// Client-side routes    
Sammy(function () {
    this.get('#:folder', function () {
        self.chosenFolderId(this.params.folder);
        self.chosenMailData(null);
        $.get("/mail", { folder: this.params.folder }, self.chosenFolderData);
    });

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

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

这是一个小型演示应用程序,我做了如何使用SammyJS创建SPA引擎 https://github.com/AndersMalmgren/Knockout.Bootstrap.Demo