具有Handlebars的Sails.js中的Ember.js等效率（SPA風格）

Question

所以基本上我想做一些我可以用車把做的東西，但不使用ember只是sails.js和把手。

我像這樣設置了sails new fooProject --template=handlebars項目：在運行npm install sails-generate-views-handlebars sails new fooProject --template=handlebars npm install sails-generate-views-handlebars之后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的視圖中獲取任何部分視圖。