【问题标题】:Dynamic css classes (angular like) in phalcon voltphalcon volt中的动态css类(类似角度)
【发布时间】:2017-03-20 10:43:00
【问题描述】:

有没有办法根据变量有选择地应用 volt(Phalcon 模板引擎)中的类?

我是从 Angular 和 Vue 等 js 库开始工作的,它们的结构如下:

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

根据声明为真应用类。在 Volt 中,我可以使用 if 块来选择性地呈现 html,但想知道是否有类似的语法?

【问题讨论】:

    标签: phalcon volt


    【解决方案1】:

    这是你要找的吗?

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

    或者你可以使用三元运算符:

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

    【讨论】:

    • 如果 'something' 是一个 php 变量,第二个例子会起作用吗?
    • something 实际上是一个 PHP 变量。只是在 Volt 中没有 $ 符号。 something&lt;?php $something; ?&gt; 相同
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-07
    • 2020-09-14
    • 1970-01-01
    相关资源
    最近更新 更多