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

时间:2014-02-18 01:36:35

标签: angularjs handlebars.js assemble

我想使用assemble,yeoman和angularJS创建网站。 计划是汇编将处理内容,AngularJS将通过REST API处理动态内容。这两个兼容,这是一个很好的架构选择吗?我关心的是模板引擎Assemble使用(HandleBars)以及它是否与AngularJS兼容,因为它们似乎都使用{{}}。我只是开始调查,但我很难找到使用类似架构的人的例子。我如何与Yeoman搭建?

3 个答案:

答案 0 :(得分:3)

我正在做类似的事情并使用模板分隔符处理问题我使用角度interpolateProvider来更改角度的分隔符。

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

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

});

我不确定你是否可以配置Yeoman在运行一些支架时自动使用新的分隔符,但我希望这有助于将模板与汇编模板分开。

答案 1 :(得分:1)

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

最初我认为所有待售物品(数据,即模型)都将通过数据文件表示 - 混合使用.json和yaml。 (至少客户端可以轻松编辑yaml文件,因为它有点人性化)。

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

答案 2 :(得分:1)

汇编使用Handlebars (among others)来渲染模板,这样你就可以use its syntax以.hbs文件转义Angular模板,这样:

\{{ qty * cost | currency }}