Sails.js w / Handlebars（SPA风格）中Ember.js产量的等同物

所以基本上我想要做一些我可以做的事情，而不是使用烬只是sails.js和把手。

我build立了如下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结尾。

但是我想要做这样的事情：

浏览次数：

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香草JS）。 由于Sails是服务器端引擎，并在服务器端渲染视图，这意味着页面必须重新加载。

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