在Haml中,您可以使用Ruby表达式来设置动态类值。以下是一个示例:
%div{:class="dynamic-class"}
在这个示例中,dynamic-class
将被替换为Ruby表达式的结果。例如,如果您想要根据变量isActive
的值设置类名,您可以这样做:
- if isActive
%div{:class="active"}
- else
%div{:class="inactive"}
在这个示例中,如果isActive
为真,则类名将设置为active
,否则将设置为inactive
。
您还可以使用更复杂的Ruby表达式来设置动态类值。例如,您可以使用条件运算符来根据变量的值设置不同的类名:
%div{:class="isActive ? 'active' : 'inactive'"}
在这个示例中,如果isActive
为真,则类名将设置为active
,否则将设置为inactive
。
请注意,在Haml中,Ruby表达式需要用-
符号包裹。
领取专属 10元无门槛券
手把手带您无忧上云