编译简单的Emblem模板时出错

时间:2013-07-02 04:22:25

标签: ember.js emblem.js

编辑:更新了代码和说明

这是application.html.erb:

<div class="container">
  <div class="row">
    {{outlet}} 
  </div>

  <hr>

  <footer>
    <p>&copy; 2013</p>
  </footer>

</div>

然后这是我正在尝试转换为徽章的countries.hbs文件。

    <div class="span3">
      <div class="well sidebar-nav">
        <ul class="nav nav-list">
          <li class="nav-header">Countries</li>
          {{#each model}}
            <li>
              {{#linkTo "country" this}}{{title}}{{/linkTo}}
            </li>
          {{/each}}
        </ul>
      </div>
    </div>
    <div class='span9'>
      {{outlet}}
    </div>

基于Emblem docs,这是我能得到的尽可能接近,我尝试过变化,但我无法让它发挥作用。语法是什么?

.span3
  .well.sidebar-nav
    ul.nav.nav-list
      li.nav-header Countries
      each model
        li = linkTo "country" #{title}

.span9
  {{outlet}}

问题的一部分,我知道,徽章似乎没有{{outlet}},所以我知道最后两行不起作用。

我正在使用better_errors Rails gem,这是错误:

Pre compilation failed for: .span3
  .well.sidebar-nav
    ul.nav.nav-list
      li.nav-header Countries
      each model

那么each循环有什么东西吗?

2 个答案:

答案 0 :(得分:1)

这应该适合你。

  .span3
    .well.sidebar-nav
      ul.nav.nav-list
        li.nav-header Countries
        each model
          li
            linkTo "country"
              = title

干杯

答案 1 :(得分:0)

您的代码中存在一些语法错误。这应该有效:

.span3
  .well.sidebar-nav
    ul.nav.nav-list
      li.nav-header Countries
      each model
        li
          = link-to "country" | #{title}

.span9
  = outlet