Поддерживаются ли вложенные циклы for в шаблонах Slim?

Следующий код не может быть преобразован из Slim в HTML:

- for container in (1..3)
  .spinner-container.container#{container}
    - for circle in (1..4)
      .circle#{circle}

Задача Grunt возвращает следующую ошибку.

Warning: Slim::Parser::SyntaxError: Text line not indented deep enough.
The first text line defines the necessary text indentation.
Are you trying to nest a child tag in a tag containing text? Use | for the text block!
  (__TEMPLATE__), Line 63, Column 4
    - for circle in (1..4)
    ^
  Use --trace for backtrace. Use --force to continue.

Aborted due to warnings.

Когда я отключаю циклы for, код обрабатывается нормально:

- for container in (1..3)
  .spinner-container.container#{container}
- for circle in (1..4)
  .circle#{circle}

Это тоже работает:

- for container in (1..3)
  .spinner-container.container#{container}
  - for circle in (1..4)
    .circle#{circle}

Но ни один из них не вкладывает структуру html так, как мне это нужно.

Окончательный вывод должен быть:

.spinner-container.container1
  .circle1
  .circle2
  .circle3
  .circle4
.spinner-container.container2
  .circle1
  .circle2
  .circle3
  .circle4
.spinner-container.container3
  .circle1
  .circle2
  .circle3
  .circle4

html slim-lang
person Beau Smith    schedule 09.01.2014    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Сделай это:

- for container in (1..3)
  div class="spinner-container container#{ container }"
    - for circle in (1..4)
      div class="circle#{ circle }"
person Community    schedule 29.04.2014