Эквивалент выхода Ember.js в Sails.js w/Handlebars (стиль SPA)

Question

Так что в основном я хочу сделать что-то, что я могу сделать в ember с рулями, но без использования ember только sails.js и рулей.

Я установил паруса проекта, например: 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> 

R Внешняя:

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, а также, если вы хотите использовать механизм просмотра гибридного переднего конца (частичной нагрузки) и задней части (парусов).