使用Angular JS组装(静态站点生成器)

Question

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

Answer 1

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

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

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

});

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

Answer 2

我已经为一个零售网站的客户做了类似的事情，创建了一个基础的，自定义的CMS。

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

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

Answer 3

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

\{{ qty * cost | currency }}