伏特在视图中添加多个 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>© 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 }}"
我正在使用 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>© 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 }}"