Dynamic css 类 (angular like) in phalcon 伏特

Question

有没有办法根据变量选择性地应用 class in volt（Phalcon 模板引擎）？

我已经从 Angular 和 Vue 等 js 库开始使用 volt，它们的结构如下：

ng-class="{'active':thing >= 1}"

其中 class 基于陈述为真而应用。在 Volt 中，我可以使用 if 块来选择性地呈现 html 但想知道是否有类似的语法？

Answer 1

这是您要找的吗？

<a class="button {% if something == 12 %}active{% endif %}">Link</a>

或者您可以使用三元运算符：

<a class="button {{ something == 12 ? 'active' : 'disabled' }}">Link</a>