等效于带有把手的 Sails.js 中的 Ember.js 产量（SPA 风格）

Question

所以基本上我想做一些我可以用车把在 ember 中做的事情，但不使用 ember，只使用sails.js 和车把。

我这样设置sails项目：sails new fooProject --template=handlebars在运行npm install sails-generate-views-handlebars之后。

太好了，我有一个布局文件，我所有的文件都以 .handlebars woot 结尾。

但我想做这样的事情：

观看次数：

views/index.handlebars

{{>header}}
    {{yield}}
{{>footer}}

/views/partials/foo.handlebars

<div class="foo stuff">...</div>

路由器：

config/routes.js

'/': {
    view: 'index',
    controller: 'FooController',
    action: 'index'
}

控制器：

controllers/FooController

index: function(req, res){
    return res.view({partials: 'partials/foo'}); // <-- I want foo partial in the yield.
}

所以我最终得到了这个输出：

<header>...</header>
    <div class="foo stuff">
<footer>...</footer>

每当我的用户导航时，我都希望将新的部分渲染到 {{yield}} 块中，而无需重新加载页面。但这不起作用，（我已经尝试过）。 那么我将如何做到这一点呢？

为了帮助阐明我想要的是一种单页应用程序的感觉，而不必使用前端框架。

Answer 1

没有前端框架就无法完成（或者如果你愿意，可以使用基本的 XHR/AJAX vanilla JS）。由于 Sails 是服务器端引擎并在服务器端呈现视图，这意味着必须重新加载页面。

如果您想混合前端（部分负载）和后端（Sails）视图引擎，您可以使用任何前端框架，并从 Sails 的视图中获取任何部分视图。