Plantillas de manubrios en HAML usando Ember.js

Question

Estoy buscando una forma de escribir mis plantillas de manubrios utilizando HAML, en una aplicación Ember.js incrustada en un proyecto de Rails 3.2.

Handlebars es 1.0.rc.1, requerido de ember-rails gem 0.7.0
Ember es 1.0.pre-90-g60e3c05

De todos modos, mi plantilla ahora se ve así:

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

Me gustaría que fuera así:

#container
  This is my test

Por cierto, he visto Hamlbars de James Harton, pero no pude encontrar la manera de hacerlo funcionar. Siguió produciendo Ember.TEMPLATES["templates/choose_resort"] = Ember.Handlebars.compile("This is my test"); en lugar de lo previsto:

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

(incluso el bloque div falta en el código que parece no ser compilado)

Cualquier sugerencia sería muy apreciada. Gracias por adelantado.

Answer 1

Cómo instalar hamlbars en tres pasos: guía

Answer 2

Prueba el nuevo Emblem.js . Está más cerca de Slim que HAML, pero más limpio lo obtendrás si eres aficionado a lenguajes de plantillas con sangría y Ember.js.

Y es el recomendado por la guía Ember.js

Answer 3

Hay un proyecto github llamado Hamlbars . Parece un gran proyecto. Aún no lo he usado en un proyecto, pero parece prometedor.

esta:

= hb ''App.widgetController.title''

rendirá:

{{App.widgetController.title}}

y esto:

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

rendirá a

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

Eché un vistazo, estoy seguro de que es justo lo que estás buscando.

Aclamaciones