HAML中的把手模板使用Ember.js

时间:2012-09-13 20:38:17

标签: haml ember.js

我正在寻找一种在Rails 3.2项目中嵌入的Ember.js应用程序中使用HAML编写Handlebars模板的方法。

把手是1.0.rc.1,需要来自ember-rails gem 0.7.0
Ember是1.0.pre-90-g60e3c05

无论如何,我的模板现在看起来像这样:

<div id="container">
  This is my test
</div>

我希望它是这样的:

#container
  This is my test
顺便说一句,我看过James Harton的Hamlbars,但我无法弄清楚如何让它发挥作用。它一直在输出Ember.TEMPLATES["templates/choose_resort"] = Ember.Handlebars.compile("This is my test");而不是预期的输出:

<div id="container">
  This is my test
</div>

(甚至在返回的看似未编译的代码中缺少div块)

任何提示都将不胜感激。 提前谢谢。

3 个答案:

答案 0 :(得分:5)

尝试新的Emblem.js。它比Slim更接近于HAML,但是如果你喜欢缩进的模板语言和Ember.js,你会得到最清晰的。

这是Ember.js guide

推荐的那个

答案 1 :(得分:2)

有一个名为Hamlbars的github项目。它看起来像一个伟大的项目,我还没有在项目中使用它,但它看起来很有希望。

这样:

= hb 'App.widgetController.title'

将呈现:

{{App.widgetController.title}}

和此:

%ul.authors
  = hb 'each authors' do
  %li<
    = succeed ',' do
      = hb 'lastName'
      = hb 'firstName'

将呈现为

<ul class="authors">
  {{#each authors}}
    <li>{{lastName}}, {{firstName}}</li>
  {{/each}}
</ul>

我看了一下我确定这正是你要找的。

干杯

答案 2 :(得分:2)

如何分三步安装hamlbars:guide