使用 Angular JS 组装（静态站点生成器）答案

【问题标题】：Assemble (static Site generator) With Angular JS使用 Angular JS 组装（静态站点生成器）
【发布时间】：2014-02-18 01:36:34
【问题描述】：

我想使用assemble、yeoman 和 angularJS 创建一个站点。计划是 assemble 将处理内容，AngularJS 将通过 REST API 处理动态内容。两者兼容吗，这是架构的好选择吗？我关心的是 Assemble 使用的模板引擎 (HandleBars) 以及它是否与 AngularJS 兼容，因为它们似乎都使用 {{}}。我才刚刚开始调查，但正在努力寻找使用类似架构的人的例子。如何使用 Yeoman 搭建脚手架？

【问题讨论】：

How can I change the Handlebars syntax to differentiate from the Angular template syntax?的可能重复

标签： angularjs handlebars.js assemble

【解决方案1】：

我正在做类似的事情，为了处理模板分隔符的问题，我使用 angular interpolateProvider 来更改 angular 的分隔符。

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

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

});

我不确定您是否可以将 Yeoman 配置为在运行某些脚手架时自动使用新的分隔符，但我希望这有助于将您的模板与组装模板分开。

【讨论】：

【解决方案2】：

我为零售网站的客户做了类似的工作，以创建基础的自定义 CMS。

最初我的想法是，所有待售商品（数据即模型）都将通过数据文件表示 - .json 和 yaml 的混合。（至少客户端可以轻松地编辑 yaml 文件，因为它是人类可读的）。

后来的改进是允许客户端通过网页编辑股票 - 而不是直接编辑数据文件 - Angular 非常适合拥有一个基本上允许编辑数据/上传和转换图像等的 web 应用程序更好的界面。

【讨论】：

【解决方案3】：

Assemble 使用Handlebars (among others) 来渲染模板，因此您可以通过use its syntax 转义 .hbs 文件中的 Angular 模板，这样：

\{{ qty * cost | currency }}

【讨论】：