Сборка (статический генератор участка) с угловым JS

Question

Я хочу создать сайт, используя assemble, yoman и angularJS. План состоит в том, что сборка будет обрабатывать контент, а AngularJS будет обрабатывать динамический контент через REST API. Являются ли эти два совместимых, это хороший выбор архитектуры? Моя проблема связана с тем, что использует шаблон Assemble (HandleBars) и совместим ли он с AngularJS, поскольку оба они используют {{}}. Я только начал расследование, но изо всех сил пытаюсь найти примеры людей, использующих подобную архитектуру. Как я эшафот с Йоменом?

Answer 1

Я делаю что-то подобное и обрабатываю проблему с помощью разделителей шаблонов. Я использую угловую интерполяциюProvider для изменения разделителей для угловых.

var app = angular.module('app', []).config(function ($interpolateProvider) { 

    $interpolateProvider.startSymbol('{%'); 
    $interpolateProvider.endSymbol('%}'); 

}); 

Я не уверен, если вы можете настроить Yeoman автоматически использовать новые разделители при выполнении некоторых каркасах, но я надеюсь, что это помогает отдельные шаблоны из шаблонов собирают.

Answer 2

Я сделал схожую для клиента для розничного сайта, чтобы создать основу, пользовательскую CMS.

Первоначально у меня возникла идея, что все элементы для продажи (модель данных i.e) будут представлены через файлы данных - смесь .json и yaml. (По крайней мере, клиент может редактировать файл yaml с некоторой легкостью, поскольку он является понятным для человека).

Более поздним усовершенствованием было позволить клиенту редактировать запас через веб-страницу - вместо того, чтобы редактировать файлы данных напрямую - Угловая была идеальной для этого иметь webapp, который в основном позволял редактировать данные/загружать и преобразовывать изображения и т. Д. через гораздо более приятный интерфейс.

Answer 3

Сборка использует Handlebars (among others) для отображения шаблонов, так что вы можете use its syntax избежать Угловые шаблоны в файле .hbs, таким образом:

\{{ qty * cost | currency }}