伏特在视图中添加多个 class

Volt adding multiple class in view

我正在使用 Volt 0.9 构建一个网站,并且正在尝试自定义我的 main.html 导航。

好吧,如果在 :Nav 部分绑定添加一个 class。问题是我想添加另一个 class 和另一个 if 绑定。我尝试添加第二个 if 绑定,但没有运气,当我使用第二个 if 绑定时

  • 没有呈现。

    我该怎么做?

    这是文件:

    <:Title>
      {{ view main_path, "title", {controller_group: 'main'} }}
    
    <:Body>
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container-fluid">
          <ul class="nav navbar-nav pull-left">
            <:nav href="/">Hammicus</:nav>
            <:nav href="/tv">HammicusTV</:nav>
            <:nav href="/radio">HammicusRadio</:nav>
            <:nav href="/contact">Contact</:nav>
          </ul>
    
        <:volt:notices />
    
        {{ view main_path, 'body', {controller_group: 'main'} }}
      </div>
    </nav>
    
        <footer class="footer">
          <p>&copy; Hammicus {{ Time.now.year }}</p>
        </footer>
    <:Nav>
      <li class="{{ if active_tab? }}active{{ end }} {{ if attrs.href == "/" }}brand{{ end }}">
        <a href="{{ attrs.href }}">{{ yield }}</a>
      </li>
    
  • 问题似乎出在“/”两边的双引号上 将它们替换为单引号(以便它们正确嵌套)并且它应该可以工作。 IE class="{{ if active_tab? }}active{{ end }} {{ if attrs.href == '/' }}brand{{ end }}"