Question

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

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

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

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

谢谢：）

Answer 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

淘汰教程神秘改变ViewModels

1 个答案: